變更商品系列的順序
您的商店在 your-store.com/collections
網址中包含了商品系列清單頁面,按照字母順序顯示所有商品系列。此自訂內容會顯示如何指定要包含哪些商品系列,以及如何在頁面上變更其順序。
檢查佈景主題設定
所有免費 Shopify 佈景主題的最新版本皆包含這些設定,讓您從佈景主題編輯器變更商品系列清單頁面的版面配置。
步驟:
- 在 Shopify 管理介面,前往「線上商店」 > 「佈景主題」。
- 尋找要編輯的佈景主題,然後點擊「自訂」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題,然後點選「自訂」。
- 點一下「編輯」。
在頁面最上方的下拉式選單或行動版的「範本」選單中,選取「商品系列清單」。
點擊「商品系列清單頁面」,以檢視和變更設定。
點擊「儲存」。
如果您的佈景主題未包含修改商品系列清單頁面的設定,則需要建立選單,並編輯佈景主題程式碼。
建立一個選單以控制您的商品系列清單頁面
您可以建立一個選單,以指定欲包含於商品系列清單頁面中的商品系列。
步驟:
- 從 Shopify 管理介面中,前往「線上商店 > 導覽」。
在 Shopify 應用程式中,點一下「商店」。
在銷售管道畫面上,點一下「線上商店」。
點一下「導覽」。
在 Shopify 應用程式中,點一下「商店」。
在銷售管道畫面上,點一下「線上商店」。
點一下「導覽」。
按一下「新增選單」。
將選單命名為
All collections
。請勿變更此名稱,因為佈景主題會使用此名稱來決定要顯示於商品系列清單頁面上的商品系列及其順序。此選單名稱不會顯示於您的網路商店。點擊「新增選單項目」。
在「新增選單項目」視窗中,輸入欲顯示於商品系列清單頁面上的商品系列名稱。點擊「連結」欄位,選取「商品系列」,然後點擊該商品系列的名稱。
點擊「儲存」。
針對部分佈景主題 (例如 Supply),您就只需要建立「All collections
」選單。若要檢查是否完成任何變更,請前往網路商店中的商品系列清單頁面 (your-store.com/collections
)。如果您未看到任何變更,則需要編輯佈景主題程式碼。
自訂 list-collections.liquid 範本
您可以編輯商品系列清單頁面的程式碼,讓頁面僅顯示您包含在 All collections
選單中的商品系列。
步驟:
在 Shopify 管理介面,前往「線上商店」>「佈景主題」。
找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
在 Shopify 應用程式中,點一下「商店」。
在銷售管道畫面上,點一下「線上商店」。
點一下「管理佈景主題」。
找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
在 Shopify 應用程式中,點一下「商店」。
在銷售管道畫面上,點一下「線上商店」。
點一下「管理佈景主題」。
找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
在「區段」目錄中,點擊「list-collections-template.liquid。
找到下列程式碼出現的所有地方:
{% for collection in collections %}
Some themes contain the following code instead:
{% for collection in list_collections %}
Replace each occurrence of the above code with:
{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
- 點擊「儲存」。