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

# 【官網設計】客製化您的官網商品搜索結果

當商家使用任何佈景主題，所有前台商品搜索頁面的系統默認設定中，顧客需要輸入商品名稱去搜索商品，顧客無法以商品分類，商品品牌，供應商與商品標籤去搜索該商品。例如，當顧客在您前台收搜商品分類的時候，便會呈現無結果如圖：

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

這篇文章將指導商家如何客製化自定義您顧客可以在您官網前台搜索您商品的方式，以及商品的搜索結果。商家現在可以讓顧客以商品分類，商品品牌，供應商與商品標籤去搜索您的商品。

商家可以在：後台》商品管理》所有商品》編輯商品》找到商品的商品分類，商品品牌，供應商與商品標籤

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

來看看以下教學吧！
---

### 客製化您的官網商品搜索結果

### Candy 或更之前佈景主題，請參考以下步驟：

1.  前往 EasyStore 後台 > 銷售管道 > 品牌官網 > 編輯原始碼 >  snippets > search-bar.liquid

在第30 - 40行編碼中，尋找  ，之後再每一個以 <input type="search" 開始的編碼行列下方，加上以下編碼 ：

`<input type='hidden' name='search_extras' value='collections,tags,vendors'>`

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

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

2.💡 備註 ：

您可以自行定義想要加入的搜索關鍵字，并移除您不想要的，您可以參考以下：

只需編輯 `<input type='hidden' name='search_extras' value='collections,tags,vendors'>` 內的 'collections,tags,vendors' 即可

* 商品品牌 = brands

* 商品分類 = collections

* 商品標籤 = tags

* 供應商 = vendors

---

### Aroma 或以上佈景主題，可以參考以下步驟：

1. 前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 →  header.liquid → 找到   `header__search-input`  或   `search-modal__form` ，並把  `<input type='hidden' name='search_extras' value='collections,tags,vendors'>` 貼到 <form> 與 <form> 之間即可

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

2. 再到 search.liquid → 搜尋 `<input type="hidden" name="search_history" class="hidden_search_history">` 並粘貼  `<input type='hidden' name='search_extras' value='collections,tags,vendors'>` 在下方即可

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

3. 💡 備註 ：

您可以自行定義想要加入的搜索關鍵字，并移除您不想要的，您可以參考以下：

只需編輯 `<input type='hidden' name='search_extras' value='collections,tags,vendors'>` 內的 'collections,tags,vendors' 即可

* 商品品牌 = brands

* 商品分類 = collections

* 商品標籤 = tags

* 供應商 = vendors

---

這樣顧客就可以根據以上商品詳情去搜索您的商品了! 😍

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