> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 更改列中顯示商品的數量（舊版主題 - Candy 或之前發佈之主題）

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_ypmquv.png)

### 1.介紹
不同的顯示數量會給您的商店帶來不同的感覺。如果您希望您的商店不那麼雜亂，或者您想展示更多種類的產品，您現在可以決定在您的商店中每列能展示多少商品。此教學僅支援舊版主題 - Candy 或之前發佈之主題。

 

好處：

* 自定義每列商品數量，以創建適合您商店方向的外觀。 

* 擁有一個更有組織和整潔的商店

 

 

### 2.首頁上每列商品顯示數量
 

步驟 1：到 EasyStore控制面板 > 銷售管道 > 品牌官網 > 編輯原始碼 > 找到product-grid-item.liquid

 

步驟 2：在頂部插入 {% comment %}，在底部插入 {% endcomment %}，如下圖所示：

 
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_mcuwzb.png)


步驟 3：儲存

 

步驟 4：接下來，找到 features-product.liquid

 

步驟 5：將 “products_per_row” 旁邊的數字更改為您希望的每行產品數量 > 儲存

 

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_x3ypld.png)

 

備註：您只能將數字更改為 2、3、4、5。

 

 

 

### 3. 商品分類頁面上每列商品顯示數量
 

步驟 1：找到 collection-grid-item.liquid

 

步驟 2：在頂部插入 {% comment %}，在底部插入 {% endcomment %}，如下面的屏幕截圖所示：

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1fa3apc.png)

步驟 3：儲存

 

步驟 4：接下來，轉到collection.liquid

 

步驟 5：將“products_per_row”旁邊的數字更改為您希望的每行產品數量 > 儲存

 

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_qowqyl.png)

 

備註：您只能將數字更改為 2、3、4、5

 

 

### 4.商品分類頁面中每列顯示 2 個商品品（用於手機瀏覽）
 

步驟 1：到 EasyStore控制面板 > 銷售管道 > 品牌官網 > 編輯原始碼 > 找到settings_data.json 

 

步驟 2：找到collection_products_list_per_row > 將3改為4

 
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_zaa2bd.png)


步驟 3：保存並完成