分層導覽
分層導覽可讓您根據類別、價格範圍或任何其他可用屬性輕鬆尋找產品。 階層式導覽通常會顯示在搜尋結果和類別頁面的左欄,有時也會顯示在首頁上。 標準導覽包含 Shop By 類別與價格範圍清單。 您可以設定分層導覽的顯示方式,包括產品計數和價格範圍。
可篩選的屬性
您可以使用分層導覽,依類別或屬性搜尋產品。 例如,當購物者從頂端導覽選擇「Mens/Shorts」類別時,初始結果會包含該類別中的所有產品。 您可以藉由選擇特定的樣式、氣候、顏色、材質、圖樣或價格(或值的組合),進一步篩選清單。 可篩選的屬性會顯示在展開區段中,其中列出每個屬性值。 作為選項,具有相符結果的產品清單可以設定為包含具有或不具有相符結果的產品。
屬性屬性與產品輸入型別結合,決定哪些屬性可用於分層導覽。 階層式導覽僅適用於 錨點 類別,也可以新增至搜尋結果頁面。 每個屬性之存放區擁有者的 目錄輸入型別 屬性必須設定為Yes/No
、Dropdown
、Multiple Select
或Price
。 若要讓屬性可篩選,必須將每個屬性的 Use in Layered Navigation 屬性設定為Filterable (with results)
或Filterable (no results)
。
範例:結果為 的可篩選屬性
範例:顯示可篩選的色票值,但沒有結果
下列指示顯示如何使用可篩選屬性來設定基本的分層導覽。 如需含價格步驟的進階階層導覽,請參閱價格導覽。
步驟1:設定屬性特性
-
在 管理員 側邊欄上,移至 Stores > Attributes>Product。
-
瀏覽或使用篩選搜尋來尋找清單中的屬性,並在編輯模式下開啟它。
{width="700" modal="regular"}
-
在左側面板中,選擇 Storefront Properties 並將 Use In Layered Navigation 設定為下列其中一項:
-
Filterable (with results)
— 階層式導覽僅包含可找到相符產品的篩選器。 任何已套用至清單中顯示之所有產品的屬性值,仍應顯示為可用篩選器。 可用篩選器清單中會忽略計數為零(0)產品相符的屬性值。 篩選清單僅包含符合篩選的產品。 只有在選取的篩選器變更顯示內容時,產品清單才會更新。 -
Filterable (no results)
— 階層式導覽包含所有可用屬性值的篩選器及其產品計數,包括零(0)產品相符的產品。 如果屬性值是色票,則該值會顯示為篩選條件,但會被劃掉。 此選項不支援價格層級篩選,也不會影響價格篩選。
-
-
將 Use In Search Results Layered Navigation 設為
Yes
。{width="600" modal="regular"}
-
對要包含在分層導覽中的每個屬性重複這些步驟。
No
時,不會顯示_Use in Search Results Layered Navigation_設定,且產品屬性不會用於具有任何Use in Layered Navigation設定值的搜尋。步驟2:將類別設為錨點
-
在 管理員 側邊欄上,移至 Catalog > Categories。
-
在類別樹狀結構中,選取您要使用分層導覽的類別。
-
展開 Display Settings 區段,並將 Anchor 設為
Yes
。{width="600" modal="regular"}
-
按一下 Save。
步驟3:測試結果
若要測試設定,請造訪您的商店,並從主功能表導覽至類別。 可篩選屬性的選取專案會顯示在類別頁面的階層導覽中。
搜尋、篩選及檢閱顯示的產品。
從階層式導覽移除可篩選的屬性值
階層式導覽包含所有可用屬性值的篩選器及其產品計數,包括零(0)產品相符專案(如下圖所示)。
顯示 {width="700" modal="regular"}
這樣的結果會讓客戶很難選取偏好的產品,而且不需要在前端顯示0個產品的屬性值。
您可以使用下列步驟,從階層式導覽中移除0 Products的可篩選屬性值:
-
在 管理員 側邊欄上,移至 Stores > Attributes>Product。
-
瀏覽或使用篩選搜尋來尋找清單中的屬性,並在編輯模式下開啟它。
-
在 Attribute Information 底下,按一下 Storefront Properties。
-
針對 Layered Navigation,請選擇
Filterable (with results)
。{width="600" modal="regular"}
-
按一下 Save Attribute。
價格導覽
價格導覽可用於在分層導覽中依價格範圍分配產品。 您也可以以間隔分割每個範圍。 有幾種方式可以計算價格導覽:
- 自動(均衡價格範圍)
- 自動(平衡產品計數)
- 手動
使用前兩種方法會自動計算導覽步驟。 手動方式可讓您指定價格間隔的除數限制。 下列範例顯示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 核取方塊以變更此設定。{width="600" modal="regular"}
如需這些組態選項的詳細清單,請參閱 組態參考 中的分層導覽。
-
為下列章節中的其中一個方法設定 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
。{width="600" modal="regular"}
方法3:手動
-
將 Price Navigation Steps Calculation 設為
Manual
。 -
輸入決定 Default Price Navigation Step 的值。
-
輸入允許的 Maximum Number of Price Intervals,最多
100
。{width="600" modal="regular"}
設定圖層導覽
階層式導覽組態會決定產品計數是否出現在每個屬性後面的括弧中,以及價格導覽中使用的步驟計算大小。
-
在 管理員 側邊欄上,移至 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。