分層導覽

NOTE
本節中說明的標準分層導覽與具有Facet的「即時搜尋」篩選導覽不同。

分層導覽可讓您根據類別、價格範圍或任何其他可用屬性輕鬆尋找產品。 階層式導覽通常會顯示在搜尋結果和類別頁面的左欄,有時也會顯示在首頁上。 標準導覽包含​ Shop By ​類別與價格範圍清單。 您可以設定分層導覽的顯示方式,包括產品計數和價格範圍。

依類別和價格分層的導覽

可篩選的屬性

NOTE
此主題中描述的可篩選屬性需求與即時搜尋不同。 若要深入瞭解,請參閱Facet

您可以使用分層導覽,依類別或屬性搜尋產品。 例如,當購物者從頂端導覽選擇「Mens/Shorts」類別時,初始結果會包含該類別中的所有產品。 您可以藉由選擇特定的樣式、氣候、顏色、材質、圖樣或價格(或值的組合),進一步篩選清單。 可篩選的屬性會顯示在展開區段中,其中列出每個屬性值。 作為選項,具有相符結果的產品清單可以設定為包含具有或不具有相符結果的產品。

屬性屬性與產品輸入型別結合,決定哪些屬性可用於分層導覽。 階層式導覽僅適用於​ 錨點 ​類別,也可以新增至搜尋結果頁面。 每個屬性之存放區擁有者的​ 目錄輸入型別 ​屬性必須設定為Yes/NoDropdownMultiple SelectPrice。 若要讓屬性可篩選,必須將每個屬性的​ Use in Layered Navigation ​屬性設定為Filterable (with results)Filterable (no results)

範例:結果為 ​的可篩選屬性

分層導覽中的可篩選屬性

範例:顯示可篩選的色票值,但沒有結果

沒有結果的可篩選色票值

下列指示顯示如何使用可篩選屬性來設定基本的分層導覽。 如需含價格步驟的進階階層導覽,請參閱價格導覽

步驟1:設定屬性特性

  1. 在​ 管理員 ​側邊欄上,移至​ Stores > Attributes>Product

  2. 瀏覽或使用篩選搜尋來尋找清單中的屬性,並在編輯模式下開啟它。

    輸入每欄的搜尋字詞,以使用篩選搜尋 {width="700" modal="regular"}

  3. 在左側面板中,選擇​ Storefront Properties ​並將​ Use In Layered Navigation ​設定為下列其中一項:

    • Filterable (with results) — 階層式導覽僅包含可找到相符產品的篩選器。 任何已套用至清單中顯示之所有產品的屬性值,仍應顯示為可用篩選器。 可用篩選器清單中會忽略計數為零(0)產品相符的屬性值。 篩選清單僅包含符合篩選的產品。 只有在選取的篩選器變更顯示內容時,產品清單才會更新。

    • Filterable (no results) — 階層式導覽包含所有可用屬性值的篩選器及其產品計數,包括零(0)產品相符的產品。 如果屬性值是色票,則該值會顯示為篩選條件,但會被劃掉。 此選項不支援價格層級篩選,也不會影響價格篩選。

  4. 將​ Use In Search Results Layered Navigation ​設為Yes

    店面屬性 {width="600" modal="regular"}

  5. 對要包含在分層導覽中的每個屬性重複這些步驟。

NOTE
當​_Use in Search_​設定設為No時,不會顯示​_Use in Search Results Layered Navigation_​設定,且產品屬性不會用於具有任何Use in Layered Navigation設定值的搜尋。
NOTE
Position欄位預設為灰色,因此您必須先儲存屬性,才能修改此設定。

步驟2:將類別設為錨點

  1. 在​ 管理員 ​側邊欄上,移至​ Catalog > Categories

  2. 在類別樹狀結構中,選取您要使用分層導覽的類別。

  3. 展開 擴充選擇器 Display Settings ​區段,並將​ Anchor ​設為Yes

    類別顯示設定 {width="600" modal="regular"}

  4. 按一下​ Save

步驟3:測試結果

若要測試設定,請造訪您的商店,並從主功能表導覽至類別。 可篩選屬性的選取專案會顯示在類別頁面的階層導覽中。

搜尋、篩選及檢閱顯示的產品。

從階層式導覽移除可篩選的屬性值

階層式導覽包含所有可用屬性值的篩選器及其產品計數,包括零(0)產品相符專案(如下圖所示)。

顯示 零個篩選器 {width="700" modal="regular"}

這樣的結果會讓客戶很難選取偏好的產品,而且不需要在前端顯示​0個產品​的屬性值。

您可以使用下列步驟,從階層式導覽中移除0 Products的可篩選屬性值:

  1. 在​ 管理員 ​側邊欄上,移至​ Stores > Attributes>Product

  2. 瀏覽或使用篩選搜尋來尋找清單中的屬性,並在編輯模式下開啟它。

  3. 在​ Attribute Information ​底下,按一下​ Storefront Properties

  4. 針對​ Layered Navigation,請選擇Filterable (with results)

    屬性資訊區段 {width="600" modal="regular"}

  5. 按一下​ Save Attribute

價格導覽

NOTE
此主題中說明的價格瀏覽組態與即時搜尋不同。

價格導覽可用於在分層導覽中依價格範圍分配產品。 您也可以以間隔分割每個範圍。 有幾種方式可以計算價格導覽:

  • 自動(均衡價格範圍)
  • 自動(平衡產品計數)
  • 手動

使用前兩種方法會自動計算導覽步驟。 手動方式可讓您指定價格間隔的除數限制。 下列範例顯示10與100的價格導覽步驟之間的差異。

反複分割可提供不同價格範圍間的最佳產品分配。 透過反複分割,在選擇$0.00-$99範圍之後,客戶可以向下追溯至數個價格子範圍。 當產品數目達到「間隔除數限制」所設定的臨界值時,價格範圍分割即會停止。

範例:價格瀏覽步驟

價格步驟10
價格步驟100
$20.00 - $29.99 (1)
$0.00 - $99.99 (4)
$30.00 - $39.99 (2)
$100 - $199.99 (5)
$70.00 - $79.99 (1)
$400.00 - $499.99 (2)
$100.00 - $109.99 (1)
$700.00及以上(1)
$120.00 - $129.99 (2)
$150.00 - $159.99 (1)
$180.00 - $189.99 (1)
$420.00 - $429.99 (1)
440.00美元 — 449.99美元(1)
$710.00及以上(1)

設定價格導覽

IMPORTANT
若要依據​_價格篩選器_​在階層式導覽中正確顯示產品及其價格,請確定銷售稅組態中顯示的價格設定具有相同的值(Excluding Tax Including Tax)。 對於​_Calculation Settings_,請檢查​ Catalog Prices ​值。 對於​_Price Display Settings_,請檢查​ Display Product Prices in Catalog ​值。 如果這些值不同,分層導覽中的價格篩選器可能無法正確依價格篩選及排序產品。
  1. 在​ 管理員 ​側邊欄上,移至​ Stores > Settings>Configuration

  2. 在左側面板中,展開​ Catalog ​並在下方選擇​ Catalog

  3. 展開 展開選取器 分層導覽 ​區段。

    根據預設,Display Product Count ​已設為Yes。 必要時,取消選取​ Use system value ​核取方塊以變更此設定。

    分層導覽 {width="600" modal="regular"}

    如需這些組態選項的詳細清單,請參閱​ 組態參考 ​中的分層導覽

  4. 為下列章節中的其中一個方法設定​ Price Navigation Steps Calculation

  5. 完成時,按一下​ Save Config

方法1:自動(均化價格範圍)

保留​ Price Navigation Steps Calculation ​設定為Automatic (Equalize Price Ranges) (預設)。 此設定使用標準演演算法來導覽價格。

方法2:自動(均衡產品計數)

TIP
如有必要,請先取消選取​ Use system value ​核取方塊以變更這些設定。
  1. 將​ Price Navigation Steps Calculation ​設為Automatic (equalize product counts)

  2. 若要在多個產品具有相同價格時顯示單一價格,請將​ Display Price Interval as One Price ​設為Yes

  3. 針對​ Interval Division Limit,輸入價格範圍內產品數量的臨界值。

    此範圍無法進一步分割,超出此限制。 預設值為9

    自動(平衡產品計數) {width="600" modal="regular"}

方法3:手動

NOTE
如有必要,請先取消選取​ Use system value ​核取方塊以變更這些設定。
  1. 將​ Price Navigation Steps Calculation ​設為Manual

  2. 輸入決定​ Default Price Navigation Step ​的值。

  3. 輸入允許的​ Maximum Number of Price Intervals,最多100

    手動 {width="600" modal="regular"}

設定圖層導覽

NOTE
此頁面中說明的標準組態與即時搜尋不同。

階層式導覽組態會決定產品計數是否出現在每個屬性後面的括弧中,以及價格導覽中使用的步驟計算大小。

  1. 在​ 管理員 ​側邊欄上,移至​ Stores > Settings>Configuration

  2. 在左側面板中,展開​ Catalog ​區段並在下方選擇​ Catalog

  3. 展開​ Layered Navigation ​區段。

    note note
    NOTE
    如有必要,請先取消選取​ Use system value ​核取方塊以變更這些設定。
  4. 若要顯示每個屬性找到的產品數目,請將​ Display Product Count ​設為Yes

  5. 將​ Price Navigation Step Calculation ​設為Automatic (equalize price ranges)

  6. 完成時,按一下​ Save Config

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