變更商品系列的順序

您的商店在 your-store.com/collections 網址中包含了商品系列清單頁面,按照字母順序顯示所有商品系列。此自訂內容會顯示如何指定要包含哪些商品系列,以及如何在頁面上變更其順序。

商品系列清單頁面

檢查佈景主題設定

所有免費 Shopify 佈景主題的最新版本皆包含這些設定,讓您從佈景主題編輯器變更商品系列清單頁面的版面配置。

步驟:

  1. 在頁面最上方的下拉式選單或行動版的「範本」選單中,選取「商品系列清單」。

  2. 點擊「商品系列清單頁面」,以檢視和變更設定。

  3. 點擊「儲存」。

如果您的佈景主題未包含修改商品系列清單頁面的設定,則需要建立選單,並編輯佈景主題程式碼。

建立一個選單以控制您的商品系列清單頁面

您可以建立一個選單,以指定欲包含於商品系列清單頁面中的商品系列。

步驟:

  1. 按一下「新增選單」。

  2. 將選單命名為 All collections。請勿變更此名稱,因為佈景主題會使用此名稱來決定要顯示於商品系列清單頁面上的商品系列及其順序。此選單名稱不會顯示於您的網路商店。

  3. 點擊「新增選單項目」。

  4. 在「新增選單項目」視窗中,輸入欲顯示於商品系列清單頁面上的商品系列名稱。點擊「連結」欄位,選取「商品系列」,然後點擊該商品系列的名稱。

    若要將一個選單項目目移至新位置,請點擊並拖曳選單項目目左側的圓點。

  5. 點擊「儲存」。

針對部分佈景主題 (例如 Supply),您就只需要建立「All collections」選單。若要檢查是否完成任何變更,請前往網路商店中的商品系列清單頁面 (your-store.com/collections)。如果您未看到任何變更,則需要編輯佈景主題程式碼。

自訂 list-collections.liquid 範本

您可以編輯商品系列清單頁面的程式碼,讓頁面僅顯示您包含在 All collections 選單中的商品系列。

步驟:

  1. 在「區段」目錄中,點擊「list-collections-template.liquid

  2. 找到下列程式碼出現的所有地方:

{% for collection in collections %}

部分佈景主題則包含下列程式碼:

{% for collection in list_collections %}

請將上述程式碼出現的所有地方替換為:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. 點擊「儲存」。

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

免費試用