WooCommerce は、e コマース ページに多数の要素を簡単に挿入するためのショートコードを提供します。
では、それらが何であり、あなたのサイトに何を表示できるかを見てみましょう。
Cart
ショップのカートが表示されます。
チェックアウト
チェックアウトページが表示され、請求先および配送先情報フォーム、商品代金、料金、配送料などの注文概要、使用できる支払い方法のリスト、注文完了のボタンが表示されます。
My Account
ユーザーのアカウント管理ページで、注文の表示、ファイルや請求書のダウンロード、アカウント、請求、配送データの管理、ユーザーのログアウトが行われます。
注文追跡
顧客は注文追跡フォームにアクセスし、注文の詳細を入力し、注文の状況(発送済みか、まだ進行中かなど)を確認できます。
最新製品
ショップに追加された最新の製品がページに表示されます。
さらに、いくつかの属性によってショートコードをカスタマイズすることができます:
- per_page : ページごとに表示する要素(商品)の数を指定します;
- columns : 列数を指定します;
- orderby : は表示された商品を並べ替える基準を決定します(使用可能なパラメータはここをクリック)。
- order : 昇順または降順で商品を表示するかどうかを選択します。
例:
この場合、1ページに6つの商品を3列に分けて表示し(つまり、2行に3つの商品を表示)、タイトルで昇順にソートされます。
ハイライトした製品
ハイライトした製品を表示します。
関連する属性もここで使用でき、1ページに表示する製品の数、列数、並べ替えの種類を決定することが可能です。
例:
1 ページに 3 つの製品を表示し、3 列に分け、タイトルの昇順で並べ替えます。
Single product
ページに単一の製品プレビューを表示します(製品アーカイブで表示する場合と同じです)。 id は、表示する製品の ID 番号を示す。 商品タイトルをクリックすると、商品リストで商品の ID を表示できます。
ID の代わりに、商品コード(商品データ タブでショップ管理者が割り当て)を表示できます。
例のコード(「DD345」)は明らかに実際の商品コードに置き換えられます。
More products
このショートコードで、ページに複数の商品の一覧を表示することができます。 IDを使って、表示したい商品のIDをカンマで区切って示します。
上で見た属性は、列の数を決定したり、商品を並べるのに使うことができます。
例えば、IDの代わりに、コードを示して商品を挿入することができます。
Product page
このショートコードは、商品ページ(画像、価格、短い説明、詳しい説明とレビュータブ、および関連する商品)を表示します。
また、sku属性を使って、コードをIDに置き換えることも可能です。
あるカテゴリーの商品
このショートコードでは、category属性で示された特定のカテゴリーの商品をページ上に表示させることができます。 入力された値は、表示したいカテゴリのスラッグでなければなりません(例では「dvd」)。
すでに見たパラメータを使って、表示する製品の数、列の数、ソートを定義することができます。
例:
Product categories
このショートコードは、ページ上に商品カテゴリのリストを表示します。
いくつかのカテゴリだけを表示したい場合は、それらのIDを指定することができます。 カテゴリのIDを見つけるには、カテゴリの管理用パーマリンクを表示する必要があります。
すでに述べたパラメータ、per_page, columns, orderby, orderに加えて、このショートコードに固有の他の2つのパラメータを使用することが可能です:
- hide_empty: 商品を含まないカテゴリを隠すことができます;
- parent: 子カテゴリやサブカテゴリではなく親のカテゴリのみを表示できます(使用すべき値は0)
例.
この場合、メインカテゴリのみを表示し、商品のサブカテゴリは表示しません。
Selling products
このショートコードでは、ショップのベストセラー製品を表示することができます。
人気商品
このショートコードは、ユーザーによって投票された商品のリストを表示します。
特定の属性を持つ商品
このショートコードは、特定の属性にショートコードで示された値を持っている商品を表示します。 この例では、”memory”(例:スマートフォンのメモリ)という属性に “48GB “という値を持つ商品が表示されます。
カートに入れる
ある商品の購入(カートに入れる)ボタンが挿入され、IDで示されます。
また、IDではなく、コードで商品を示すこともできます。