新增篩選條件

您可以使用 Shopify 的 Search & Discovery 應用程式為網路商店建立篩選條件,讓顧客調整商品系列頁面和搜尋結果中所顯示的商品結果。舉例來說,販售手錶的商店可以依據品牌名稱、價格、錶盤尺寸和防水性建立篩選條件。

要求

任何 Online Store 2.0 佈景主題,以及使用篩選條件 Liquid APIStorefront API 的網路商店自訂店面皆可使用篩選條件。瞭解如何在 Online Store 2.0 佈景主題中顯示篩選條件

如果佈景主題不支援篩選條件,仍可以從 Shopify 的 Search & Discovery 應用程式建立篩選條件,但顧客不會看見這些篩選條件。

您可以前往 Shopify 管理介面中的「網路商店」>「導覽」,確認商店的佈景主題是否支援篩選功能。如果佈景主題不支援篩選條件,則「商品系列和搜尋篩選條件」區段會顯示一則訊息。

新增篩選條件的考量事項

使用 Shopify Search & Discovery 應用程式時的考量事項如下:

  • 含有超過 5,000 項商品的商品系列不會顯示篩選條件。建議可將大型商品系列拆分為可顯示篩選條件的較小商品系列。舉例來說,您可以根據「上衣」(Tops)、「牛仔褲」(Jeans)、「靴子」(Boots) 等服飾類型建立較小的商品系列,而不是建立單一「女裝」(Women) 商品系列。
  • 產生超過 100,000 筆結果的搜尋不會顯示篩選條件。
  • 篩選條件最多可在商店顯示 100 個篩選條件值。如果篩選條件可能超過 100 個值,則部分值將不會向顧客顯示。您可以將類似值分為一組,減少可能的篩選條件值數量。篩選條件群組最多可有 200 個不重複的篩選條件值,而您商店中所有選取的篩選條件設定最多可有 1,000 個篩選條件群組。
  • 在 Shopify 的 Search & Discovery 應用程式中,一個篩選條件可顯示最多 1,000 個篩選條件值。由於商店對於檢查唯一值的中繼欄位數量有所限制,因此中繼欄位篩選條件顯示的值可能會少於 1,000 個。如果篩選條件顯示的篩選條件值少於 100 個,則您商店的顧客仍可以看到應用程式中未顯示的篩選條件值。
  • 不支援為廠商標籤篩選條件值提供翻譯。系統只會向使用商店預設語言進行購物的顧客顯示商品標籤篩選條件。廠商篩選條件值一律會以商店的預設語言來顯示。
  • 篩選條件值翻譯會以網路商店發布的語言為準,不會為 International 設定的市場顯示翻譯
  • 價格篩選條件不會以您商店預設幣別外的其他幣別顯示。

篩選條件類型

所有商店都可以顯示相同的標準篩選條件,您也可為商品目錄建立專屬的自訂篩選條件。您可以混用標準和自訂篩選條件,最多可為商店設定 25 個篩選條件。

設定商店的篩選條件時,每個篩選條件來源只能使用一次。例如,若您的商店已啟用「價格」篩選條件,則「價格」會呈現為灰色,無法再選為新篩選條件的來源。

標準篩選條件

下列標準篩選條件適用於所有商店:供貨情況類別價格產品類型標籤廠商

自訂篩選條件

您可以使用商品選項、中繼欄位Metaobject 建立自訂篩選條件。

商品選項篩選條件會以您的商品子類為基準。舉例來說,如果您銷售的服飾具有不同尺寸的子類選項,便可為商品選項新增「尺寸」(Size) 篩選條件。

使用中繼欄位自訂篩選條件

中繼欄位篩選條件相當實用,可用於建立商品目錄專屬的篩選條件。例如,若您銷售兒童玩具,則可建立「年齡」(Age) 這個自訂商品中繼欄位篩選條件。您也可以建立視覺篩選條件,協助顧客快速瞭解您的篩選條件。

中繼欄位必須具有可用作篩選條件的中繼欄位定義。瞭解如何新增中繼欄位定義。您可以為下列值類型建立中繼欄位篩選條件:

  • 單行文字
  • 單行文字 (清單)
  • 小數點
  • Integer
  • True 或 False
  • Metaobject 參考
  • Metaobject 參考 (清單)

在商品或子類上設定中繼欄位後,即可在編輯篩選條件時選取中繼欄位定義作為篩選條件。

編輯篩選條件

  1. 前往 Shopify Search & Discovery 應用程式中的「篩選條件」,然後點按「新增篩選條件」。
  2. 點按「來源」欄位,然後選取要提供給顧客的篩選條件來源。
  3. 選用:重新命名篩選條件
  4. 選用:變更篩選條件行為
  5. 選用:選取要分在同一組並顯示為單一值的篩選條件值。
  6. 選用:排序篩選條件值
  7. 點擊「儲存」。

您還可以在「篩選條件」區段重新排序篩選條件。點按並拖曳個別篩選條件,以按照您希望顧客看到的順序顯示篩選條件。

重新命名篩選條件

您可以變更商店中任何現有篩選條件的顧客可見名稱。

變更篩選條件名稱並不會更改篩選條件來源的相關資訊。例如,根據某商品選項重新命名篩選條件後,該選項在個別商品頁面顯示的名稱不會因此改變。

步驟:

  1. 前往 Shopify Search & Discovery 應用程式中的「篩選條件」,然後點按要重新命名的篩選條件。
  2. 在「篩選標籤」欄位中輸入新標籤。
  3. 點擊「儲存」。

篩選條件值

只有商品系列或搜尋結果中的商品適用的篩選條件值,才會在您的商店中顯示。

篩選條件值會套用不同的排序規則,您可以使用中繼欄位篩選條件進一步控制排序和顯示的值。

將篩選條件值分組

您可以將多個篩選條件值組合成單一篩選條件值,然後向顧客顯示。例如,假設您有一個商品,「顏色」(Color) 選項包含「瑪瑙色」(Onyx)、「黑檀木色」(Ebony) 和「藍黑色」(Midnight)。您可以將這些值組合在一個名為「黑色」(Black) 的單一篩選條件中。篩選條件群組最多可有 200 個不重複的篩選條件值,而商店最多可有 1,000 個篩選條件群組。

步驟:

  1. 前往 Shopify Search & Discovery 應用程式中的「篩選條件」,然後點按「新增篩選條件」或現有篩選條件的名稱。
  2. 選用:若要新增篩選條件,請點按「來源」欄位,然後選取要提供給顧客的篩選條件來源。
  3. 在「」區段中,選取要組合為單一篩選條件的值。您可以使用搜尋列來搜尋更多篩選條件值。
  4. 點擊「建立群組」。
  5. 輸入群組的名稱。這是顧客看見的單一篩選條件值。
  6. 點擊「完成」。
  7. 點擊「儲存」。

限制

類別篩選條件不支援分組。

排序篩選條件值

您可以按照最符合您商店需求的方式來排序篩選條件值。我們提供兩種排序順序:

自動排序

篩選條件值的預設顯示順序為遞增顯示,無論是按字母或數字順序排列皆相同。例如,「鞋款尺碼」(Shoe sizes) 的商品選項篩選條件將顯示從最小到最大的值。

以數字開頭並以字詞結尾的篩選條件值 (如 60 瓦 (60 watts)) 會顯示在以相同字詞結尾的篩選條件值旁邊。例如,若商品的「年齡」(Age) 篩選條件具有「2 年」(2 years)、「6 個月」(6 months)、「3 年」(3 years) 和「2 個月」(2 months) 等篩選條件值,這些值會依下列順序進行排序:

  • 2 個月
  • 6 個月
  • 2 年
  • 3 年

將自訂排序順序套用於名為「尺寸」(Size) 的篩選條件,以正確順序顯示常見的尺寸用詞。例如,XS (超小) 會顯示在 S (小) 之前。

系統會自動排序新的篩選條件值。

手動排序

您可以透過手動排序來選擇篩選條件值的顯示順序。若您儲存手動排序順序後未加以更新,所有新的篩選條件值都會顯示在清單結尾。

步驟:

  1. 前往 Shopify Search & Discovery 應用程式中的「篩選條件」,然後選擇現有的篩選條件或是建立新的篩選條件
  2. 在「排序」下,選取「手動」。
  3. 拖曳值以重新排列。或者,您可以選取多個值,然後按一下「移動至頂端」或「移動到底部」,將它們一起重新放置。
  4. 選用:按一下「為我重新排序」以使用 Shopify Magic 進行排序
  5. 點擊「儲存」。

使用 Shopify Magic 進行排序

您可以使用 Shopify Magic,根據篩選條件名稱和值的邏輯順序來排序值。使用色樣篩選條件的篩選條件會考量十六進位代碼及這些代碼在色相環上的位置,從而決定排序順序。

為我重新排序」按鈕會使用 Shopify Magic 來排序值。如果新順序不符您的預期,請點按「復原重新排序」按鈕來恢復手動排序的順序,或是重新排列值以更符合您商店的要求。

限制

類別篩選條件不支援手動或 Magic 排序功能,而是將值依字母順序進行排序。

自訂空白篩選條件值

為了協助顧客找到可供貨的商品,您可以將空白篩選條件值移至清單底部或完全隱藏。如此能讓顧客專心檢視結果相符的值。舉例來說,假設您銷售不同顏色和尺寸的 T 恤,但除了紅色 (Red) 以外,其他顏色皆無庫存。如果您將空白值移至底部,則「紅色」(Red) 將顯示在「顏色」(Color) 篩選條件的最上方。如果隱藏空白值,則「顏色」(Color) 篩選條件只會顯示「紅色」(Red) 這個選項。

步驟:

  1. Shopify Search & Discovery 應用程式中,前往「設定」。
  2. 在「篩選條件」>「空白值」區段中,選取下列其中一個選項:

    • 若要隱藏空白篩選條件值,請選取「隱藏」。如果所有篩選條件值皆為空白,則篩選條件將完全隱藏。
    • 若要將空白篩選條件值移至值清單的底部,請選取「顯示在結尾處」。
    • 若要維持以預設排序邏輯來排序空白篩選條件值,請選取「依預設順序顯示」。
  3. 點擊「儲存」。

排除篩選條件值

如果您需要進一步管控對顧客顯示的值,不妨使用中繼欄位篩選條件,只顯示您希望在商店中顯示的值。

例如,您可能想將產品標籤用於店面篩選條件外的其他用途,例如用於自動商品系列條件或管理介面產品清單篩選功能。您可以使用單行文字的中繼欄位類型清單類型,而無須使用產品標籤篩選條件類型。

視覺篩選條件

篩選條件值可包含顏色、圖案或更細緻圖片等視覺元素,例如「布料顏色」(Fabric color) 篩選條件可為每個篩選條件值顯示一個小型顏色色樣。

若要使用篩選條件值建立視覺化內容,請使用中繼欄位metaobject 為商店設定自訂資料。您還需符合下列要求:

  • 支援顯示篩選條件值色樣和圖片的網路商店佈景主題。
  • 符合下列條件的 metaobject:

    • 至少有一個「顏色」欄位或一個包含圖片的「檔案」欄位。兩種欄位都只能支援一個值,而不支援值清單。
    • 具有為篩選條件值命名的欄位。此欄位只能允許一個值,值清單不能用作篩選條件名稱。欄位可以是下列任一類型:
    • 單行文字
    • 小數
    • 整數
    • 布林值 (True 或 False)
  • 符合下列條件的中繼欄位定義:

    • 此定義適用於商品子類
    • 中繼欄位類型為 metaobject 且參考在上一步中建立的 metaobject 定義。
    • 設定中繼欄位是允許 metaobject 的一個項目項目清單
  • Metaobject 定義和中繼欄位定義都需要啟用店面存取權

視覺篩選條件的最佳做法

商品子類篩選條件會連結到搜尋結果和商品系列頁面上相關性較高的子類。舉例來說,按一下紅色色樣時僅顯示紅色的商品。藉由 metaobject 參考的子類中繼欄位使用子類層級篩選功能。如果您的篩選條件沒有必要連結到特定子類,不妨改為使用商品中繼欄位。

顏色色樣的 metaobject 定義應同時包含顏色和圖片欄位。雖然不需同時提供這兩個欄位的值,但這麼做之後,您未來就可以選擇使用任一種欄位。

如果商品或子類有多個顏色可供篩選,則中繼欄位定義應該允許項目清單。這樣您便能將多個 metaobject 項目指派至單一品項,且每個項目都會在商店中顯示為篩選條件值。

步驟:

將中繼欄位指派至商店中的商品或子類後,您可以為網路商店設定篩選條件:

  1. 在 Shopify Search & Discovery 應用程式中,前往「篩選條件」。
  2. 點按「新增篩選條件」,或按一下現有的篩選條件。
  3. 點按「來源」欄位,然後選取具有 metaobject 參考的中繼欄位篩選條件。
  4. 點按「顯示選項」。
  5. 選取中繼欄位以設定篩選條件值的「標籤」欄位。
  6. 勾選「包含視覺內容」,然後選取一個視覺風格:
    • 選擇用於小型顏色色樣或圖案的「色樣」。選取下列選項來設定色樣內容:
      • 選取顏色欄位以顯示「色樣顏色」。
      • 選取圖片欄位以顯示「色樣模式」。

- 為不應裁剪的圖示、標誌或其他圖形選擇「圖片」。為「圖片」選取一個圖片欄位來設定內容。

篩選條件行為

僅會顯示可套用於商品系列頁面或搜尋結果中商品的篩選條件。

從不同篩選條件選擇篩選條件值時,即構成 and 條件,可減少顯示的商品數量。例如,若在「顏色」(Color) 篩選條件選擇「紅色」(Red),並在「尺寸」(Size) 篩選條件選擇「8 號」(8),系統會傳回紅色且尺寸為 8 號的商品。

依預設,從同一篩選條件選擇篩選條件值即為 or 條件,可增加結果的數量。例如,若在「顏色」(Color) 篩選條件選擇「紅色」(Red) 和「綠色」(Green) 的值,系統會傳回所有紅色或綠色的商品。部分篩選條件類型的篩選條件值可改用 and 條件。瞭解如何使用 Shopify Search & Discovery 應用程式來自訂篩選條件的行為

畫面顯示的商品數量也會依篩選條件層級 (商品或子類) 而不同。例如,顧客可能會從商品選項篩選條件中選擇多個顏色值,但結果只顯示一項商品,這是因為商品選項是子類層級的篩選條件,而所有顏色都屬於該項商品的子類。

自訂篩選條件行為

若為商品標籤、中繼欄位清單和 metaobject 參考清單篩選條件,您可以將各值之間的篩選條件選為預設的 or 條件或 and 條件。例如,若使用 and 進行篩選,並在商品標籤篩選條件中選擇「全新」(New) 和「促銷」(Sale),系統只會傳回同時具有這兩個標籤的商品。

步驟:

  1. 在 Shopify 的 Search & Discovery 應用程式中,前往「篩選條件」,然後點按「新增篩選條件」。
  2. 點按「來源」欄位,然後選取要提供給顧客的篩選條件來源。
  3. 選擇要套用於「邏輯」區段內篩選條件值的行為。
  4. 點擊「儲存」。

篩選條件翻譯

篩選條件標籤、值和群組可以翻譯成商店支援的其他語言。您可以使用 Shopify Translate & Adapt 等翻譯應用程式來翻譯內容。

如果沒有為篩選條件翻譯內容,則系統會使用商店的預設語言。

篩選條件值會以商品和商品子類的翻譯內容為準。

不同語言版本的篩選條件可能具有不同數量的值。例如,假設您商店的預設語言是英語,而且您將法語新增為支援的語言。此外,您的「顏色」(Color) 篩選條件值包含「棕色」(Brown) 這個值。由於英語有一個常用字表示棕色,而法語有兩個常用字表示棕色,此時翻譯應用程式會自動將商店中各商品的「棕色」(Brown) 篩選條件值翻譯為 BrunMarron。如此一來,店面篩選條件將在「顏色」(Color) 篩選條件中用英語顯示一個代表棕色的值,並用法語顯示兩個代表棕色的值。

若只要為每個篩選條件值保留一個翻譯,您需要使用翻譯應用程式編輯商品的翻譯內容。

市場語言

篩選條件值翻譯不支援特定市場語言設定的其他執行個體。例如,網路商店可以提供法文的商品翻譯,以及針對加拿大和法國市場的另外兩種法文翻譯。在此情況下,所有篩選條件值都會使用一般法文,特定市場的顧客使用法文瀏覽商品時亦同。

篩選條件標籤和篩選條件群組支援特定市場的語言翻譯。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用