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

# 【擴充功能】Product Filter Pro 進階商品篩選器

| 此功能僅支援商務版或零售方案使用
|| 目前僅支援新版主題（Aroma 或其後發佈之佈景主題）

為了提升顧客瀏覽網站時的體驗感，我們需確保顧客輕鬆找到他們想要的商品。

### 步驟一：安裝商品篩選器擴充

1. 前往EasyStore後台 → 安裝擴充 → 更多 → 搜尋 Product Filter Pro 進階商品篩選器  → 立即安裝擴充

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

### 步驟二：設定商品篩選條件

1. 成功安裝後，就會看到以下畫面

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_15iw86f.png)
2. 你可點擊進商品篩選條件，即可編輯名稱

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

2.1 若想要刪除此篩選條件，可點擊「刪除篩選條件」

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

3. 若想新增篩選條件，可點擊「創建篩選條件」

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

3.1 篩選條件可以選擇：

* 商品價格
* 商品庫存狀態（顧客勾選此條件即會顯示有庫存的商品，沒庫存的商品將會隱藏）
* 商品品牌
* 商品標籤
* 商品規格（你可以選擇有為商品設定過的商品規格種類名稱，如：大小、顏色等等，官網前台將會顯示規格裡的選項）

4. 你可以為篩選條件編排位置，只需在以下紅框的部分進行拖曳排位即可

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_12rp8os.png)
---
### 官網前台顯示：

進階商品篩選器將會顯示在所有商品分類頁面的左側欄位

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_7cswt8.png)
---
###### 💡 小提醒：

* 若你曾經編輯過 main-collection.liquid 原始碼文件，可能導致商品篩選器無法運作，你可點擊「更新 main-collection.liquid 文件」按鈕或直接到 main-collection.liquid 原始碼文件點擊重設。這會導致你客製化的代碼消失，請先預先保存代碼，再做出重設動作

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

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