有關的文章: 官網設計

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

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



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


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



來看看以下教學吧!


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


新版主題(Aroma 與其後發佈之主題)


  1. 請依照目前使用的佈景主題,前往對應的程式碼檔案。


不同的新版佈景主題需要修改的檔案如下:


佈景主題

需要修改的檔案

大部分新版佈景主題

sections/header.liquid
templates/search.liquid
templates/404.liquid

Muse、Essence

snippets/search-modal.liquid
templates/search.liquid
templates/404.liquid

Mobile gadget、Stationery、Wood Essence

sections/header.liquid
templates/search.liquid
templates/404.liquid
sections/collection-list.liquid





  1. 在每個檔案中搜尋以下程式碼:


<input type="hidden" name="search_history" class="hidden_search_history">


  1. 並在該程式碼下一行加入:


<input type="hidden" name="search_extras" value="collections,brands,tags,vendors">


範例:



  1. 💡 小提醒: 每個對應的檔案都需要加入以上程式碼,請勿只修改其中一個檔案。




舊版主題(Candy 或更之前佈景主題),請參考以下步驟:


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


在第30 - 40行編碼中,尋找 ,之後再每一個以 與 之間即可



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



  1. 💡 備註 :


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


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


  • 商品品牌 = brands
  • 商品分類 = collections
  • 商品標籤 = tags
  • 供應商 = vendors



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


更新時間: 01/10/2026

這篇說明對您有幫助嗎?

分享您的反饋

取消

感謝!