商城擴展-商品高級篩選功能
商城擴展-商品高級篩選功能
發布日期:2019-10-09
瀏覽次數:2532
什么是商品高級篩選?商品高級篩選是起飛頁專為商城網站推出的一個插件(完全免費的哦)。它的特點有:篩選形式豐富,呈現界面美觀,對移動端友好等。通過使用這個插件,站長們可以對商品頁面進行優化,為顧客更快、更好查找商品提供便利。
下圖為使用商品高級篩選后的網頁呈現效果(PC端&手機端):


如果您也想要在自己的商城網站實現這樣的效果,那就趕緊來學習學習它的使用方法吧!
使用方法:
1. 激活插件;
選擇【擴展】

激活【商品高級篩選】

2. 新增篩選器;
【商品高級篩選】打開后,點擊【前往配置】

【新增一個篩選器】

3. 設置篩選過濾器;
在【基本設置】中,進行過濾器名稱、條件實時生效、布局、AJAX刷新模式設置,然后【保存修改】

在【過濾器設置】中,將想要的過濾條件拖到右側的欄位容器中(每個過濾條件的標題或其他項都可進行修改)。

4. 在商品頁面綁定篩選器
在商品頁面,點擊"+',添加一個【商品篩選】;

將鼠標移到新添加的容器上,點擊進行【商品高級篩選設置】;

在【基本設置】中選擇一個篩選器,先選定目標頁面,再點擊【綁定/重新綁定】,選中后面的商品列表,保存并關閉(這里還可以進行標題、按鈕、邊距等其他項的設置);

此時,頁面上就會出現篩選器了,您可以在預覽模式下模擬用戶進行商品篩選。

上面介紹的是垂直布局式的商品篩選器。其實,起飛頁還支持水平布局式的商品篩選器。
點擊【新增一個篩選器】;

進行【基本設置】:修改過濾器名稱(比如這里小飛改為ItemName2),將默認布局改為【水平】,選擇分為列數,勾選相關設置,保存修改;

然后在【過濾器設置】將想要的過濾條件拖到不同的列中。

這樣,一個水平布局式的商品篩選器就設置好了,綁定步驟與垂直布局式的基本一樣。

下圖為水平布局式商品篩選器的呈現效果:
