首頁(yè)
/
幫助中心
/
基礎(chǔ)知識(shí)
/
【自適應(yīng)模板】如何編輯“產(chǎn)品篩選”模塊？

【自適應(yīng)模板】如何編輯“產(chǎn)品篩選”模塊？

2019-03-06 15:31:58

四、如何編輯“產(chǎn)品篩選”模塊？

點(diǎn)擊“產(chǎn)品分類”模塊中的任意分類后，會(huì)自動(dòng)跳轉(zhuǎn)至“產(chǎn)品篩選”頁(yè)。將鼠標(biāo)懸停在“產(chǎn)品篩選”模塊上，模塊右上角會(huì)顯示“編輯模塊”的按鈕。

電腦視圖下，編輯項(xiàng)分為“常規(guī)”和“參數(shù)”。

手機(jī)視圖下，編輯項(xiàng)分為“標(biāo)題欄”和“間距”。

接下來(lái)將分別介紹電腦視圖和手機(jī)視圖下，“產(chǎn)品篩選”模塊的各個(gè)編輯項(xiàng)。（下圖為此部分的內(nèi)容結(jié)構(gòu)）

4.1、電腦視圖

4.1.1、常規(guī)

“常規(guī)”項(xiàng)下又分為5個(gè)小的設(shè)置項(xiàng)，分別是“模塊樣式”、“圖片設(shè)置”、“跳轉(zhuǎn)設(shè)置”、“標(biāo)題欄”、“間距”。下面將分為4.1.1.1~4.1.1.5共5個(gè)小部分來(lái)介紹。

4.1.1.1、模塊樣式

目前提供了“橫向樣式”和“縱向樣式”兩種可供選擇的“模塊樣式”。兩者的效果差異如下圖。

4.1.1.2、圖片設(shè)置

當(dāng)“模塊樣式”處選擇了“橫向樣式”時(shí)，“圖片設(shè)置”項(xiàng)分為“圖片高度”、“每行個(gè)數(shù)”、“圖片間距”、“圖片縮放”。

當(dāng)“模塊樣式”處選擇了“縱向樣式”時(shí)，“圖片設(shè)置”項(xiàng)分為“圖片大小”、“圖片間距”、“圖片縮放”。

4.1.1.3、跳轉(zhuǎn)設(shè)置

可設(shè)置鼠標(biāo)點(diǎn)擊產(chǎn)品時(shí)的跳轉(zhuǎn)方式為“新窗口”或“當(dāng)前窗口”，這個(gè)看個(gè)人需求。

4.1.1.4、標(biāo)題欄

默認(rèn)是隱藏標(biāo)題欄，當(dāng)取消勾選“隱藏”后，可自定義標(biāo)題文字、標(biāo)題文字樣式、標(biāo)題欄高度、標(biāo)題欄背景。

4.1.1.5、間距

可通過(guò)調(diào)修改“產(chǎn)品篩選”模塊的外間距，調(diào)整“產(chǎn)品篩選”模塊與通欄內(nèi)容區(qū)邊界之間的距離。

4.1.2、參數(shù)

可選擇“產(chǎn)品篩選”模塊內(nèi)顯示的“產(chǎn)品參數(shù)”（綠色√代表此參數(shù)為“顯示”，紅色X代表此參數(shù)為“不顯示”），還可對(duì)顯示的“產(chǎn)品參數(shù)”進(jìn)行排序（“價(jià)格”參數(shù)的位置為固定，不可調(diào)整）。