> ## 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/6ygp55so5ywo6yoo5pa55qgi_140p1jf.png)
###### 此篇可以讓你了解到，若使用Candy的佈景主題，如何讓手機版的商品分類頁面呈現，一排並列兩個商品。

修改前為商品分類的排版為單一商品直列。
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_131nhs7.png)

###### 步驟一：您需要到Easystore後台 → 銷售管道 → 品牌官網 → 編輯原始碼
  

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

###### 步驟二：在setting_data.json 尋找 collection_products_list_per_row將數目更改成4.  

![](https://storage.crisp.chat/users/helpdesk/website/b9c6592783ebf000/05cb2344-7ebf-46c8-87ad-b740a2_1ruopa1.png)

###### 步驟三：儲存即完成

修改完成後的呈現如圖

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