如何使用自定義字段篩選組件？

一、什麼是自定義字段篩選組件?

自定義字段篩選組件實現的是在當賣家商城中的產品較多時，可以在產品列表上添加“自定義字段篩選”組件，方便買家根據產品的不同自定義字段來篩選想要的產品。

二、如何使用自定義字段篩選組件？

1.如何查看自定義字段篩選組件是否已經存在？

如果這個自定義字段篩選組件已經存在了，就不需要再添加，直接根據需要進行相關操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加自定義字段篩選組件了.

2.如何添加自定義字段篩選組件？

在頁面上添加組件的方法都是一樣的。

添加的組件名稱為“自定義字段篩選組件”，如下圖1所示：

3.如何設置自定義字段篩選組件？

3.1 進入組件的“設置”分兩種場景

1）此組件已經添加好的場景：進入所有這類組件設置項方法都是一樣的。

2）新添加的組件的場景：在添加此組件時會彈出這個組件的的設置話框。

3.2在組件的設置中可以設置組件展示的內容

3.2.1選擇欲篩選字段，拖動可以調整字段順序。

3.2.2 設置自定義字段篩選組件的風格

單擊“風格”按鈕，即可切換到風格頁簽下，設置展示風格：

選中上圖所示的一種風格，設置好之後單擊“保存”即可。

3.3保存組件設置中的內容

組件的內容、風格設置好以後，單擊設置框右下角的“保存”按鈕；

4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網站後台；

然後可以單擊“預覽”按鈕查看不同終端下展示的效果，如果不合適可以到後台再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發布”按鈕，發布之後稍等兩分鐘左右即可看網站前台展示效果。

新增功能（2019年4月10日更新）

1、自定義字段篩選組件新增風格；

【應用場景】自定義字段組件篩選樣式單一併且無法對其進行樣式調整。為了滿足多樣式的商城需求，領動新增一組自定義字段篩選風格，讓前台用戶進行產品篩選時樣式更加多樣化，操作更簡單快捷。

【應用效果】在產品組件中選擇自定義字段篩選組件，點擊風格，選擇第二個風格樣式，在樣式下方你也可以自定義選項被選中以後的顏色，如下截圖所示：

前台展示應用效果如下截圖所示：

2、新增“自定義字段篩選”組件縱向展示風格（2019年7月16日更新）
【應用場景】根據服務商對於“自定義字段篩選”組件的排版需求，增加了一種在側邊欄中展示的縱向風格，可以很好地解決產品數量較多時的分層篩選要求；
【操作指導】在側邊欄合適的位置添加“自定義字段篩選”組件並選擇篩選的字段後（提前確定產品添加到自定義的字段中），選擇風格。如下圖所示：

3、“自定義字段篩選”組件新增一種風格；（2019年8月20日更新）

【應用效果】自定義字段菜單可以展開和收起，客戶可以通過選擇不同字段下的文本，展示相應的產品。如下圖所示：