ドキュメントCommerceカタログ管理

製品リスト

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • 初心者
  • 中級
  • 管理者
  • リーダー
  • ユーザー

製品リストは、デフォルトでリストまたはグリッドとして表示されるように設定できます。 また、1 ページに表示する製品数や、リストの並べ替えに使用する属性を指定することもできます。 製品リストには、製品の並べ替え、リストの形式の変更、属性別の並べ替え、ページ間の移動に使用できる一連のコントロールが含まれています。

NOTE
カテゴリを製品属性で並べ替える場合、同じ属性値を持つ製品も Product ID ​の昇順で並べ替えられます。

グリッドとして表示される製品

製品リストの設定

  1. 管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

  2. 左側のパネルで「Catalog」を展開し、その下の「Catalog」を選択します。

  3. 「 展開セレクター 」を展開し、「Storefront」セクションを展開します。

    ストアフロント設定オプション {width="600" modal="regular"}

    これらのオプションの詳細なリストについては、「設定リファレンス 🔗 の ストアフロント を参照してください。

    note note
    NOTE
    製品を価格で並べ替える に従って製品とその価格を正しく表示するには、 消費税の構成に表示される価格の設定が同じ値であることを確認してください（Excluding Tax または Including Tax）。 Calculation Settings ​の場合は、Catalog Prices ​の値を確認します。 また、Price Display Settings の場合は、Display Product Prices in Catalog の値を確認します。 これらの値が異なる場合、レイヤーナビゲーションの価格フィルターでは、製品を価格別に適切にフィルタリングして並べ替えることができない場合があります。

  4. デフォルトの List Mode を次のいずれかに設定します。

    • Grid Only
    • List Only
    • Grid (default) / List
    • List (default / Grid

  5. Products per Page on Grid Allowed Values：グリッド形式で表示されたときに 1 ページに表示する製品の数を入力します。

    選択した値を入力するには、各数値をコンマで区切ります。

  6. Products per Page on Grid Default Value:1 ページにつきグリッドに表示されるデフォルトの製品数を入力します。

  7. Products per Page on List Allowed Values：リスト形式で表示される場合に、1 ページに表示する製品数を入力します。

    選択した値を入力するには、各数値をコンマで区切ります。

  8. Products per page on List Default Value：ページごとにリストに表示されるデフォルトの製品数を入力します。

  9. リストの並べ替えに最初に使用されるデフォルトの属性に Product Listing Sorted by を設定します。

  10. 顧客にすべての製品を一覧表示するオプションを与えるには、Allow All Products on Page を Yes に設定します。

  11. 顧客がカタログリストを参照しても、すべてのページネーション設定を保持する場合は、「Remember Category Pagination」を「Yes」に設定します。

    この設定を有効にすると、買い物客がカテゴリ間を参照しても、リストまたはグリッドに表示される製品数が保持されます。 デフォルトでは、このフィールドは No に設定されています。これは、より多くのキャッシュストレージを使用し、検索エンジンによるページのインデックス作成方法に影響を与える可能性があるためです。

  12. フラットカタログを使用する場合（推奨しません）、次の操作を行います。

    • 製品のフラット・カテゴリ・リストを表示するには、Use Flat Catalog Category を Yes に設定します。

    • フラットな製品リストを表示するには、Use Flat Catalog Product を Yes に設定します。

  13. カテゴリ URL と製品 URL のメディアアセットに対して動的参照を許可する場合は、Allow Dynamic Media URLs in Products and Categories を Yes に設定します。

  14. 完了したら、「Save Config」をクリックします。

ページコントロール

制御
説明
View As
商品をグリッド形式またはリスト形式で表示します。
Sort By
リストの並べ替え順を変更します。
Show Per Page
1 ページに表示する製品の数を決定します。
ページネーションリンク
ナビゲーションは、他のページにリンクしています。

ページネーションコントロール

ページネーション設定は、リストの上部および下部に表示され、製品リストのページネーションリンクの形式を制御します。 コントロールに表示されるリンクの数を設定し、[ 次へ ] リンクと [ 前へ ] リンクを構成できます。 ページネーションリンクを表示するには、製品リスト設定で 1 ページに許可されている数よりも多くの製品がリストに含まれている必要があります。

ページネーションコントロール

ストアフロントのページネーションコントロール

制御
説明
グリッドを表示
View As - リストをグリッド形式またはリスト形式で表示します。
並べ替え
Sort By - リストの並べ替え順を変更します。 Used for Sorting in Product Listing ​storefront プロパティは、リストの並べ替えに使用できる 製品属性を決定します。
ページごとに表示
Show Per Page - ページごとに表示される製品の数を決定します。
ページネーションリンク
ページネーションリンク – 他のページへのナビゲーションリンク。

ページネーションコントロールの設定

  1. 管理者 サイドバーで、Content/Design/Configuration ​に移動します。

  2. 設定するストア表示を見つけ、「Action」列の「Edit」をクリックします。

  3. 「Other Settings」の下の「展開セレクター 「Pagination」セクション を展開します。

    ページネーション {width="600" modal="regular"}

    これらの設定について詳しくは、「 デザイン設定」を参照してください。

  4. Pagination Frame：ページネーションコントロールに表示するリンク数を入力します。

  5. Pagination Frame Skip: ページ番号コントロールに次のリンクのセットを表示する前にスキップするリンクの数を入力します。

    例えば、ページネーションフレームに 5 つのリンクがあり、次の 5 つのリンクにジャンプしたい場合、先にスキップするリンクの数はいくつですか？ 値を 4 （4）に設定した場合、前のセットからの最後のリンクが次のセットの最初のリンクになります。

  6. Anchor Text for Previous：前のリンクに表示するテキストを入力します。

    デフォルトの矢印を使用する場合は、空白のままにします。

  7. Anchor Text for Next：次のリンクに表示するテキストを入力します。 デフォルトの矢印を使用する場合は、空白のままにします。

  8. 完了したら、「Save Configuration」をクリックします。

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071