階層型ナビゲーション
階層化されたナビゲーションにより、カテゴリ、価格範囲、その他の利用可能な属性に基づいて製品を簡単に見つけることができます。 通常、階層型ナビゲーションは検索結果ページとカテゴリページの左側の列に表示され、場合によってはホームページに表示されます。 標準ナビゲーションには、カテゴリと価格範囲の ショップ リストが含まれています。 製品数や価格範囲など、レイヤナビゲーションの表示を設定できます。
フィルタリング可能な属性
レイヤナビゲーションを使用して、カテゴリ別または属性別に製品を検索できます。 例えば、買い物客が上部のナビゲーションから Mens/Shorts カテゴリを選択すると、最初の結果にはカテゴリ内のすべての製品が含まれます。 リストは、特定のスタイル、気候、色、素材、パターン、価格を選択するか、値の組み合わせを選択して、さらにフィルタリングできます。 フィルタリング可能な属性は、各属性値を一覧表示する展開セクションに表示されます。 オプションとして、一致する結果を持つ製品のリストは、一致の有無を問わず製品を含めるように設定できます。
属性プロパティと製品入力タイプを組み合わせることで、レイヤーナビゲーションに使用できる属性が決定します。 レイヤー化されたナビゲーションは、アンカー カテゴリでのみ使用できますが、検索結果ページに追加することもできます。 各属性の ストア所有者のカタログ入力タイプ プロパティは、Yes/No、Dropdown、Multiple Select、Price のいずれかに設定する必要があります。 属性をフィルタリング可能にするには、それぞれの レイヤーナビゲーションで使用 プロパティを Filterable (with results) または Filterable (no results) に設定する必要があります。
例：結果を使用してフィルタリング可能な属性
例：結果を持たないフィルタリング可能なスウォッチ値
次の手順は、フィルタリング可能な属性を使用した基本的なレイヤーナビゲーションの設定方法を示しています。 価格手順を使用した高度な階層型ナビゲーションについては、「 価格ナビゲーション」を参照してください。
手順 1：属性プロパティの設定
-
管理者 サイドバーで、Stores/Attributes/Product に移動します。
-
参照するか、フィルター適用済み検索を使用してリスト内の属性を検索し、編集モードで開きます。
-
左側のパネルで「Storefront Properties」を選択し、Use In Layered Navigation を次のいずれかに設定します。
-
Filterable (with results)– 階層ナビゲーションには、一致する製品が見つかるフィルターのみが含まれます。 リストに表示されるすべての製品に既に適用されている属性値は、使用可能なフィルターとして表示されます。 カウントがゼロ（0）の製品一致を持つ属性値は、使用可能なフィルターのリストから省略されます。 フィルター済みリストには、フィルターに一致する製品のみが含まれます。 製品リストは、選択したフィルターによって表示内容が変更される場合にのみ更新されます。 -
Filterable (no results)– 階層ナビゲーションには、すべての使用可能な属性値とその製品数（製品の一致がゼロ（0）の製品を含む）のフィルターが含まれます。 属性値がスウォッチの場合、その値はフィルタとして表示されますが、交差しています。 価格レイヤーのフィルタリングは、このオプションではサポートされておらず、価格フィルターには影響しません。
-
-
Use In Search Results Layered Navigation を
Yesに設定します。
-
レイヤーナビゲーションに含める属性ごとに、これらの手順を繰り返します。
No に設定されている場合、Use in Search Results Layered Navigation 設定は表示されず、製品属性は Use in Layered Navigation の設定値を持つ検索で使用されません。手順 2：カテゴリをアンカーにする
-
管理者 サイドバーで、Catalog/Categories に移動します。
-
カテゴリツリーで、階層化ナビゲーションを使用するカテゴリを選択します。
-
「
Yes」に設定します。
-
「Save」をクリックします。
手順 3：結果のテスト
設定をテストするには、ストアにアクセスし、メインメニューからカテゴリに移動します。 フィルタリング可能な属性の選択は、カテゴリページのレイヤー化されたナビゲーションに表示されます。
表示された製品を検索、フィルタリングおよびレビューします。
レイヤーナビゲーションからフィルタリング可能な属性値を削除
レイヤーナビゲーションには、使用可能なすべての属性値とその製品数のフィルターが含まれます。製品一致がゼロ（0）の製品も含まれます（下図を参照）。
この結果、顧客が優先製品を選択するのが難しくなり、フロントエンドに製品が 0 の属性値を表示する必要がありません。
次の手順を使用して、レイヤー化されたナビゲーションから「製品」が 0 のフィルタリング可能な属性値を削除できます。
-
管理者 サイドバーで、Stores/Attributes/Product に移動します。
-
参照するか、フィルター適用済み検索を使用してリスト内の属性を検索し、編集モードで開きます。
-
「Attribute Information」で、「Storefront Properties」をクリックします。
-
Layered Navigation の場合は、「
Filterable (with results)」を選択します。
-
「Save Attribute」をクリックします。
価格ナビゲーション
価格ナビゲーションを使用すると、レイヤードナビゲーションで価格範囲別に製品を配布できます。 また、各範囲を間隔で分割することもできます。 価格ナビゲーションを計算する方法はいくつかあります。
- 自動（価格範囲の均等化）
- 自動（製品数を平均化）
- 手動
最初の 2 つの方法では、ナビゲーションステップが自動的に計算されます。 手動による方法では、価格間隔の分割限度を指定できます。 次の例は、10 と 100 の価格移動ステップの違いを示しています。
反復分割は、価格範囲間で製品の最適な配分を提供します。 反復分割を使用すると、$0.00～$99 の範囲を選択した後、顧客は価格のいくつかのサブレンジをドリルダウンできます。 価格範囲分割は、製品数が間隔分割限度で設定されたしきい値に達すると停止します。
例：価格ナビゲーションステップ
価格ナビゲーションの設定
Excluding Tax または Including Tax）であることを確認します。 Calculation Settings の場合は、Catalog Prices の値を確認します。 また、Price Display Settings の場合は、Display Product Prices in Catalog の値を確認します。 これらの値が異なる場合、レイヤーナビゲーションの価格フィルターでは、製品を価格別に適切にフィルタリングして並べ替えることができない場合があります。-
管理者 サイドバーで、Stores/Settings/Configuration に移動します。
-
左側のパネルで「Catalog」を展開し、その下の「Catalog」を選択します。
-
デフォルトでは、Display Product Count は
Yesに設定されています。 必要に応じて、「Use system value」チェックボックスの選択を解除し、この設定を変更します。
これらの設定オプションの詳細なリストについては、 設定リファレンスの レイヤーナビゲーション を参照してください。
-
以下の節で説明する方法の 1 つに Price Navigation Steps Calculation を設定します。
-
完了したら、「Save Config」をクリックします。
方法 1：自動（価格範囲の均等化）
Price Navigation Steps Calculation の設定は Automatic (Equalize Price Ranges) （デフォルト）のままにします。 この設定では、価格移動に標準アルゴリズムを使用します。
方法 2：自動（製品カウントを均等化）
-
Price Navigation Steps Calculation を
Automatic (equalize product counts)に設定します。 -
同じ価格の製品が複数存在する場合に単一価格を表示するには、Display Price Interval as One Price を
Yesに設定します。 -
Interval Division Limit：価格範囲内の製品数のしきい値を入力します。
範囲をこの制限を超えて分割することはできません。 デフォルト値は
9です。
方法 3：手動
-
Price Navigation Steps Calculation を
Manualに設定します。 -
Default Price Navigation Step を決定する値を入力します。
-
100まで、許可される Maximum Number of Price Intervals を入力します。
階層型ナビゲーションの設定
レイヤナビゲーション構成は、各属性の後の括弧内に製品数が表示されるかどうかを決定し、価格ナビゲーションで使用されるステップ計算のサイズを決定する。
-
管理者 サイドバーで、Stores/Settings/Configuration に移動します。
-
左側のパネルで「Catalog」セクションを展開し、その下 Catalog 選択します。
-
「Layered Navigation」セクションを展開します。
note note NOTE 必要に応じて、まず「Use system value」チェックボックスの選択を解除して、これらの設定を変更します。 -
各属性で見つかった製品数を表示するには、Display Product Count を
Yesに設定します。 -
Price Navigation Step Calculation を
Automatic (equalize price ranges)に設定します。 -
完了したら、「Save Config」をクリックします。