變更商品系列頁面上顯示的產品數量

若要變更商品系列頁面所顯示的產品數量,您可以在佈景主題編輯器中變更佈景主題設定,或編輯佈景主題程式碼。您要顯示多少產品都可以,只要不超過 Shopify 每頁 50 項產品的限制即可。

檢查佈景主題設定

  1. 變更佈景主題程式碼之前,請前往「佈景主題編輯器」。
  2. 在頁面最上方的下拉式選單或行動版的「範本」選單中,選取「商品系列頁面」。
  3. 點擊「商品系列頁面」或「商品系列」。
  4. 如果您的佈景主題有設定可變更商品系列頁面顯示的產品數量,請調整設定以滿足您的需求。
  5. 點擊「儲存」。

如果您的佈景主題沒有設定可變更每頁顯示的產品數量,或該設定存在但限制您想要進行的變更,請按照後續步驟編輯佈景主題程式碼。

更新 collection-template.liquid 檔案

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
  3. 「區段」目錄中,按一下 collection-template.liquid
  4. 在程式碼編輯器中,找到下列程式碼:
 {% paginate collection.products by 9 %}
  1. 將程式碼中的數量變更為您要在商品系列頁面上顯示的商品數量,然後點擊「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 在「銷售管道」區段中,點選「網路商店」。
  3. 點一下「管理佈景主題」
  4. 找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
  5. 「區段」目錄中,按一下 collection-template.liquid
  6. 在程式碼編輯器中,找到下列程式碼:
 {% paginate collection.products by 9 %}
  1. 將程式碼中的數量變更為您要在商品系列頁面上顯示的商品數量,然後點擊「儲存」。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 在「銷售管道」區段中,點選「網路商店」。
  3. 點一下「管理佈景主題」
  4. 找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
  5. 「區段」目錄中,按一下 collection-template.liquid
  6. 在程式碼編輯器中,找到下列程式碼:
 {% paginate collection.products by 9 %}
  1. 將程式碼中的數量變更為您要在商品系列頁面上顯示的商品數量,然後點擊「儲存」。

在上方範例中,預設的每頁商品數量為 9。此數量因佈景主題而異。您可將此數量變更為要在商品系列頁面上顯示的商品數量。每頁商品的數量上限為 50。

某些佈景主題使用名為 limit 的變數 (而非數字) 來決定每頁顯示的產品數量。如果您的佈景主題使用 limit 變數,則程式碼會如下所示:

 {% paginate collection.products by limit %}

若您的佈景主題使用 limit 變數,則須將 limit 取代為數字。如上所述,此為將顯示於每個商品系列頁面的產品數量,且數量不能超過 50。請注意若將限制變數取代為數字,您將無法在佈景主題編輯器的商品系列頁面分頁設定中進行變更。除非您無法在佈景主題編輯器中達到理想的每頁產品數量,否則我們建議您不要編輯佈景主題程式碼。


更新 collection.liquid 檔案

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
  3. 在「範本」目錄中,按一下「collection.liquid」。
  4. 在程式碼編輯器中,找到下列程式碼:
{% paginate collection.products by 9 %}
  1. 將程式碼中的數量變更為您要在商品系列頁面上顯示的商品數量,然後點擊「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 在「銷售管道」區段中,點選「網路商店」。
  3. 點一下「管理佈景主題」
  4. 找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
  5. 在「範本」目錄中,按一下「collection.liquid」。
  6. 在程式碼編輯器中,找到下列程式碼:
{% paginate collection.products by 9 %}
  1. 將程式碼中的數量變更為您要在商品系列頁面上顯示的商品數量,然後點擊「儲存」。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 在「銷售管道」區段中,點選「網路商店」。
  3. 點一下「管理佈景主題」
  4. 找到要編輯的佈景主題,按一下「...」按鈕以開啟動作選單,然後點擊「編輯程式碼」。
  5. 在「範本」目錄中,按一下「collection.liquid」。
  6. 在程式碼編輯器中,找到下列程式碼:
{% paginate collection.products by 9 %}
  1. 將程式碼中的數量變更為您要在商品系列頁面上顯示的商品數量,然後點擊「儲存」。

在上方範例中,預設的每頁商品數量為 9。此數量因佈景主題而異。您可將此數量變更為要在商品系列頁面上顯示的商品數量。每頁商品的數量上限為 50。

某些佈景主題使用名為 limit 的變數 (而非數字) 來決定每頁顯示的產品數量。如果您的佈景主題使用 limit 變數,則程式碼會如下所示:

{% paginate collection.products by limit %}

若您的佈景主題使用 limit 變數,則須將 limit 取代為數字。如上所述,此為將顯示於每個商品系列頁面的產品數量,且數量不能超過 50。請注意若將限制變數取代為數字,您將無法在佈景主題編輯器的商品系列頁面分頁設定中進行變更。除非您無法在佈景主題編輯器中達到理想的每頁產品數量,否則我們建議您不要編輯佈景主題程式碼。

沒有找到您需要的答案嗎?我們很樂意為您提供協助。