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

注意

Shopify Theme Store 不提供舊版佈景主題。這些主題不含 Shopify Online Store 2.0 佈景主題的功能，只能接收安全性修復的相關更新。

備註

若您使用的是 Shopify 提供的免費佈景主題，您或許就能聯絡 Shopify 支援服務，取得有關本教學課程的協助。需耗時 15 分鐘的設計時間。如要深入瞭解，請參閱 佈景主題支援服務.

備註

此自訂內容僅適用於舊版 Shopify 佈景主題，且不適用於 Online Store 2.0 佈景主題。

• 瞭解您佈景主題的架構版本
• 探索 Online Store 2.0 佈景主題的自訂內容

若要變更商品系列頁面所顯示的產品數量，您可以在佈景主題編輯器中變更佈景主題設定，或編輯佈景主題程式碼。您要顯示多少產品都可以，只要不超過 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。請注意若將限制變數取代為數字，您將無法在佈景主題編輯器的商品系列頁面分頁設定中進行變更。除非您無法在佈景主題編輯器中達到理想的每頁產品數量，否則我們建議您不要編輯佈景主題程式碼。