【自適應(yīng)模板】如何使用產(chǎn)品導(dǎo)航模塊?本文內(nèi)容結(jié)構(gòu)如下圖
一、使用“產(chǎn)品導(dǎo)航”模塊能實(shí)現(xiàn)的效果 點(diǎn)擊“產(chǎn)品導(dǎo)航”模塊,就能對(duì)相應(yīng)分類的產(chǎn)品進(jìn)行篩選。(如下圖,左側(cè)為“產(chǎn)品導(dǎo)航”,右側(cè)為“產(chǎn)品篩選”模塊,點(diǎn)擊左側(cè)的“日常保潔”分類,右側(cè)就會(huì)篩選出屬于“日常保潔”分類下的所有產(chǎn)品。)
二、如何添加“產(chǎn)品導(dǎo)航”模塊? 2.1、進(jìn)入網(wǎng)站設(shè)計(jì)頁(yè)面后,點(diǎn)擊頁(yè)面左側(cè)的“模塊”按鈕,添加“產(chǎn)品導(dǎo)航”模塊至首頁(yè)(或是其他你想添加這個(gè)模塊的頁(yè)面),如下圖。
2.2、把鼠標(biāo)懸停在“產(chǎn)品導(dǎo)航”模塊區(qū)域,然后點(diǎn)擊“編輯模塊”,把“產(chǎn)品導(dǎo)航”模塊的跳轉(zhuǎn)方式設(shè)置為“當(dāng)前窗口”。
2.3、把鼠標(biāo)懸停在通欄區(qū)域,點(diǎn)擊通欄右上角“編輯通欄”按鈕,添加一個(gè)新的列,然后調(diào)整左邊“產(chǎn)品導(dǎo)航”所在列為合適寬度;然后退出編輯。
2.4、在右邊的列中添加“產(chǎn)品展示”模塊,可選擇“直接添加”產(chǎn)品或使用“篩選條件”添加產(chǎn)品。
2.5、點(diǎn)擊“產(chǎn)品導(dǎo)航”模塊中的任意一個(gè)分類,進(jìn)入“產(chǎn)品篩選”頁(yè)。把鼠標(biāo)懸停在通欄區(qū)域,點(diǎn)擊“開啟列”按鈕,然后在左邊的列中添加“產(chǎn)品導(dǎo)航”模塊,并把“產(chǎn)品導(dǎo)航”模塊的跳轉(zhuǎn)方式設(shè)置為“當(dāng)前窗口”。到這一步,就能實(shí)現(xiàn)點(diǎn)擊“點(diǎn)擊左側(cè)的產(chǎn)品導(dǎo)航,右邊篩選出對(duì)應(yīng)分類產(chǎn)品”的效果。
三、如何編輯“產(chǎn)品導(dǎo)航”模塊? 電腦視圖下的產(chǎn)品導(dǎo)航模塊的編輯項(xiàng)一共有6個(gè),分別是“分類選擇”、“模塊樣式”、“文字設(shè)置”、“跳轉(zhuǎn)設(shè)置”、“標(biāo)題欄”、“間距”。(下圖左) 手機(jī)視圖下的產(chǎn)品導(dǎo)航模塊的編輯項(xiàng)一共有3個(gè),分別是“文字設(shè)置”、“標(biāo)題欄”、“間距”。(下圖右)
接下來將分別介紹電腦視圖和手機(jī)視圖下,“產(chǎn)品導(dǎo)航”模塊的各個(gè)編輯項(xiàng)。(下圖為此部分的內(nèi)容結(jié)構(gòu))
3.1、電腦視圖 3.1.1、分類選擇 如果你已給產(chǎn)品設(shè)置分類,可在添加“產(chǎn)品導(dǎo)航”模塊后選擇“產(chǎn)品導(dǎo)航”模塊中展示的產(chǎn)品分類為“全部”分類(下圖1)或“指定”分類(下圖2)。
3.1.2、模塊樣式 目前支持兩種類型的模塊樣式,一種為橫向展示(下圖1),另一種為縱向展示(下圖2)。
3.1.3、文字設(shè)置 文字:可自定義字體(默認(rèn)是微軟雅黑)、鼠標(biāo)未懸停在文字上時(shí)的文字顏色(默認(rèn)是黑色)、鼠標(biāo)懸停在文字上時(shí)的文字顏色(默認(rèn)是網(wǎng)站主題色)。 行高:可自定義每一行文字與文字之間的距離。 分割線:當(dāng)“模塊樣式”處選擇了“橫向樣式”時(shí)才顯示此設(shè)置項(xiàng)。分割線的顏色、寬度、樣式可編輯。
3.1.4、跳轉(zhuǎn)設(shè)置 可設(shè)置鼠標(biāo)點(diǎn)擊“產(chǎn)品導(dǎo)航”模塊時(shí)的跳轉(zhuǎn)方式為“新窗口”或“當(dāng)前窗口”,這個(gè)看個(gè)人需求。
3.1.5、標(biāo)題欄 默認(rèn)是隱藏標(biāo)題欄,當(dāng)取消勾選“隱藏”后,可自定義標(biāo)題文字、標(biāo)題文字樣式、標(biāo)題欄高度、標(biāo)題欄背景。
3.1.6、間距 可通過調(diào)修改“產(chǎn)品導(dǎo)航”模塊的外間距,調(diào)整“產(chǎn)品導(dǎo)航”模塊與通欄內(nèi)容區(qū)邊界之間的距離。
3.2、手機(jī)視圖 3.2.1、文字設(shè)置 文字:可自定義字體(默認(rèn)是微軟雅黑)、鼠標(biāo)未懸停在文字上時(shí)的文字顏色(默認(rèn)是黑色)、鼠標(biāo)懸停在文字上時(shí)的文字顏色(默認(rèn)是網(wǎng)站主題色)。 行高:可自定義每一行文字與文字之間的距離。 分割線:可自定義分割線的顏色、寬度、樣式。
3.2.2、標(biāo)題欄 支持顯示或隱藏標(biāo)題欄,以及自定義標(biāo)題欄文字、高度、背景。
3.2.3、間距 通過修改模塊的外間距,可調(diào)整模塊與通欄內(nèi)容邊界之間的距離。
四、如何編輯“產(chǎn)品篩選”模塊? 點(diǎn)擊“產(chǎn)品導(dǎo)航”模塊中的任意分類后,會(huì)自動(dòng)跳轉(zhuǎn)至“產(chǎn)品篩選”頁(yè)。將鼠標(biāo)懸停在“產(chǎn)品篩選”模塊上,模塊右上角會(huì)顯示“編輯模塊”的按鈕。 電腦視圖下,編輯項(xiàng)分為“常規(guī)”和“參數(shù)”。(下圖左) 手機(jī)視圖下,編輯項(xiàng)分為“標(biāo)題欄”和“間距”。(下圖右)
Prev網(wǎng)站是否需要備案?
Nextsitemap功能常見問題
|
觀達(dá)云產(chǎn)品矩陣
全經(jīng)營(yíng)場(chǎng)景覆蓋,快速高效解決經(jīng)營(yíng)難題