> ## 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).

# 關於：如何在首頁顯示超過20件商品

_小提醒：歸類於「商品目錄」中「展示在首頁」的商品即會顯示於首頁。_

由於系統原始設定在「首頁」所能顯示的商品最多為20項商品，因此一開始上架商品時，只能看到20項商品在首頁唷！  
　

### 若您想在首頁增添超過20項商品，您需要進行以下設置：

1. 前往「網店設定」> 進入「佈景主題」> 點選「 HTML/CSS」 

2. 點選「Snippets」中「featured-product.liquid」  
　  
3. 進入頁面後，下滑至最底部 > 將以下編碼置入最後一行之後即可完成設定。  
  
{% if collection.products >= 20%}  
<hr class="hr--clear">  
<div class="text-center">  
 <a class="" href="/collections/all" title="查看更多商品">查看更多商品 →</a>  
</div>  
{% endif %}

![](https://storage.crisp.chat/users/helpdesk/website/c6574f76688a7800/7b54d872-00a0-40ce-a1e4-9b8f0b_1ek1pwf.png)

4. 完成設定後，您可以前往網店前台檢視首頁，將會產生「view more product ->」選項，即可顯示20項以上的商品於首頁。

![](https://storage.crisp.chat/users/helpdesk/website/da4ee69f373d4800/ade53ef1-5bb5-438c-9b76-5996c5_vqx23u.png)