製品リスト

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

NOTE
カテゴリを製品属性で並べ替える場合、属性値が同じ製品も Product ID ​昇順。

グリッドとして表示される製品 {width="700" modal="regular"}

製品リストの設定

  1. Admin サイドバー、に移動 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 ページに許可されている数よりも多くの製品がリストに含まれている必要があります。

ページネーションコントロール {width="700" modal="regular"}

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

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

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

  1. Admin サイドバー、に移動 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