如何使用自定義字段篩選組件?
瀏覽數(shù)量: 2 作者: 本站編輯 發(fā)布時(shí)間: 2026-02-26 來源: 本站
["wechat","weibo","qzone","douban","email"]
一、什么是自定義字段篩選組件?
自定義字段篩選組件實(shí)現(xiàn)的是在當(dāng)賣家商城中的產(chǎn)品較多時(shí),可以在產(chǎn)品列表上添加“自定義字段篩選”組件,方便買家根據(jù)產(chǎn)品的不同自定義字段來篩選想要的產(chǎn)品。
二、如何使用自定義字段篩選組件?
1.如何查看自定義字段篩選組件是否已經(jīng)存在?
如果這個(gè)自定義字段篩選組件已經(jīng)存在了,就不需要再添加,直接根據(jù)需要進(jìn)行相關(guān)操作就可以(具體操作見下文所述);
如果你的頁面上需要這個(gè)組件,但是還沒有添加,就需要先添加自定義字段篩選組件了;
2.如何添加自定義字段篩選組件?
在頁面上添加組件的方法都是一樣的,單擊查看如何添加組件?
添加的組件名稱為“自定義字段篩選組件”,如下圖1所示:

3.如何設(shè)置自定義字段篩選組件?
3.1 進(jìn)入組件的“設(shè)置”分兩種場景
1)此組件已經(jīng)添加好的場景:進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的。
2)新添加的組件的場景:在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。
3.2 在組件的設(shè)置中可以設(shè)置組件展示的內(nèi)容
3.2.1 選擇欲篩選字段,拖動(dòng)可以調(diào)整字段順序。

3.2.2 設(shè)置自定義字段篩選組件的風(fēng)格
單擊“風(fēng)格”按鈕,即可切換到風(fēng)格頁簽下,設(shè)置展示風(fēng)格:

選中上圖所示的一種風(fēng)格,設(shè)置好之后單擊“保存”即可。
3.3 保存組件設(shè)置中的內(nèi)容
組件的內(nèi)容、風(fēng)格設(shè)置好以后,單擊設(shè)置框右下角的“保存”按鈕;

4、保存、預(yù)覽、發(fā)布
設(shè)置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕,目的是把此修改保存到網(wǎng)站后臺;
然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果,如果不合適可以到后臺再做修改;
如果需要讓訪客也看到,請單擊頁面右上角的“發(fā)布”按鈕,發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺展示效果。

新增功能(2019年4月10日更新)
1、自定義字段篩選組件新增風(fēng)格;
【應(yīng)用場景】自定義字段組件篩選樣式單一并且無法對其進(jìn)行樣式調(diào)整。為了滿足多樣式的商城需求,領(lǐng)動(dòng)新增一組自定義字段篩選風(fēng)格,讓前臺用戶進(jìn)行產(chǎn)品篩選時(shí)樣式更加多樣化,操作更簡單快捷。
【應(yīng)用效果】在產(chǎn)品組件中選擇自定義字段篩選組件,點(diǎn)擊風(fēng)格,選擇第二個(gè)風(fēng)格樣式,在樣式下方你也可以自定義選項(xiàng)被選中以后的顏色,如下截圖所示:

前臺展示應(yīng)用效果如下截圖所示:

2、新增“自定義字段篩選”組件縱向展示風(fēng)格(2019年7月16日更新)
【應(yīng)用場景】根據(jù)服務(wù)商對于“自定義字段篩選”組件的排版需求,增加了一種在側(cè)邊欄中展示的縱向風(fēng)格,可以很好地解決產(chǎn)品數(shù)量較多時(shí)的分層篩選要求;
【操作指導(dǎo)】在側(cè)邊欄合適的位置添加“自定義字段篩選”組件并選擇篩選的字段后(提前確定產(chǎn)品添加到自定義的字段中),選擇風(fēng)格。如下圖所示:

3、“自定義字段篩選”組件新增一種風(fēng)格;(2019年8月20日更新)
【應(yīng)用效果】自定義字段菜單可以展開和收起,客戶可以通過選擇不同字段下的文本,展示相應(yīng)的產(chǎn)品。如下圖所示:
