商城擴展-商品高級篩選功能

發布日期:2019-10-09
瀏覽次數:2532
  

什么是商品高級篩選?商品高級篩選是起飛頁專為商城網站推出的一個插件(完全免費的哦)。它的特點有:篩選形式豐富,呈現界面美觀,對移動端友好等。通過使用這個插件,站長們可以對商品頁面進行優化,為顧客更快、更好查找商品提供便利。

下圖為使用商品高級篩選后的網頁呈現效果(PC端&手機端):



如果您也想要在自己的商城網站實現這樣的效果,那就趕緊來學習學習它的使用方法吧!

使用方法:

1. 激活插件;

    選擇【擴展】

  
  激活【商品高級篩選】


2. 新增篩選器;

   【商品高級篩選】打開后,點擊【前往配置】

   
【新增一個篩選器】


3. 設置篩選過濾器;

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


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


4. 在商品頁面綁定篩選器

在商品頁面,點擊"+',添加一個【商品篩選】


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


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


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



上面介紹的是垂直布局式的商品篩選器。其實,起飛頁還支持水平布局式的商品篩選器。

點擊【新增一個篩選器】


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


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


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


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

登錄后即可發表評論,立即登錄.

  熱門教程