【擴充功能】Product Filter Pro 進階商品篩選器
此功能僅支援商務版或零售方案使用
目前僅支援新版主題(Aroma 或其後發佈之佈景主題)
為了提升顧客瀏覽網站時的體驗感,我們需確保顧客輕鬆找到他們想要的商品。
前往EasyStore後台 → 安裝擴充 → 更多 → 搜尋 Product Filter Pro 進階商品篩選器 → 立即安裝擴充

成功安裝後,就會看到以下畫面

你可點擊進商品篩選條件,即可編輯名稱

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

若想新增篩選條件,可點擊「創建篩選條件」

3.1 篩選條件可以選擇:
商品價格
商品庫存狀態(顧客勾選此條件即會顯示有庫存的商品,沒庫存的商品將會隱藏)
商品品牌
商品標籤
商品規格(你可以選擇有為商品設定過的商品規格種類名稱,如:大小、顏色等等,官網前台將會顯示規格裡的選項)
你可以為篩選條件編排位置,只需在以下紅框的部分進行拖曳排位即可

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

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


目前僅支援新版主題(Aroma 或其後發佈之佈景主題)
為了提升顧客瀏覽網站時的體驗感,我們需確保顧客輕鬆找到他們想要的商品。
步驟一:安裝商品篩選器擴充
前往EasyStore後台 → 安裝擴充 → 更多 → 搜尋 Product Filter Pro 進階商品篩選器 → 立即安裝擴充

步驟二:設定商品篩選條件
成功安裝後,就會看到以下畫面

你可點擊進商品篩選條件,即可編輯名稱

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

若想新增篩選條件,可點擊「創建篩選條件」

3.1 篩選條件可以選擇:
商品價格
商品庫存狀態(顧客勾選此條件即會顯示有庫存的商品,沒庫存的商品將會隱藏)
商品品牌
商品標籤
商品規格(你可以選擇有為商品設定過的商品規格種類名稱,如:大小、顏色等等,官網前台將會顯示規格裡的選項)
你可以為篩選條件編排位置,只需在以下紅框的部分進行拖曳排位即可

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

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


更新時間: 07/02/2025
感謝!