詳細(xì)信息
當(dāng)前位置: 首頁> 詳細(xì)信息
Design Lab | 【導(dǎo)航】如何添加導(dǎo)航功能?
專欄:Design Lab
發(fā)布日期:2020-02-25
閱讀量:5467
作者:今科科技

PC可視化設(shè)計與手機可視化設(shè)計添加導(dǎo)航功能的方法大同小異,本文主要介紹如何在PC端添加【欄目導(dǎo)航】功能,在移動端添加【頁面導(dǎo)航】和【魔方導(dǎo)航】功能。

Design Lab:PC端

1.PC端登錄,點擊【智能網(wǎng)站】-【Design Lab】;

1554252162935033008.png


2.進(jìn)入后臺選擇【模塊】中【高級】,將【欄目導(dǎo)航】拉進(jìn)布局頁面;

1540957085364004732.png


3.右鍵單擊【欄目導(dǎo)航】模塊,選擇【編輯模塊】;

1540957085357019486.png


4.在【常規(guī)】中可以設(shè)置【模塊樣式】、【主欄目】等信息;

1540957085332098349.png


5.
設(shè)置完畢后,點擊頁面右上角【保存】。


Design Lab:移動端

1.點擊切換為【移動端】,進(jìn)入移動端設(shè)計后臺;

1554194044760043226.png


2.添加【頁面導(dǎo)航】功能;
(1)選擇【模塊】,單擊【高級】,將【頁面導(dǎo)航】拉進(jìn)移動端布局頁面;

1547198089418072908.png

(2)右鍵單擊【頁面導(dǎo)航】模塊,選擇【編輯模塊】;

1547198127994030669.png


(3)在【常規(guī)】中設(shè)置標(biāo)題風(fēng)格及指定欄目,最后確定即可;

1547198193679012987.png


(4)設(shè)置完畢后,點擊頁面右上角【保存】。

3.添加【魔方導(dǎo)航】功能;
1)
選擇【模塊】,單擊【高級】,將【魔方導(dǎo)航】拉進(jìn)移動端布局頁面;

1547260617318026706.png


(2)右鍵單擊【魔方導(dǎo)航】模塊,選擇【編輯模塊】;

1547260632764075459.png



(3)在【常規(guī)】中選擇合適的主題版式;

1547260616655070548.png


(4)在【鏈接列表】添加鏈接編輯好內(nèi)容、樣式后確定即可;

1547260632063061280.png


(5)設(shè)置完畢后,點擊頁面右上角【保存】。



上一頁:Design Lab | 【電商系統(tǒng)】如何在智能網(wǎng)站部署電商功能?
下一頁:Design Lab | 如何編輯圖文展示?

本文由今科科技用戶上傳并發(fā)布,今科科技僅提供信息發(fā)布平臺。文章代表作者個人觀點,不代表今科科技立場。未經(jīng)作者許可,不得轉(zhuǎn)載,有涉嫌抄襲的內(nèi)容,請通過 反饋中心 進(jìn)行舉報。


售前咨詢:0760-2332 0168  
售后客服:400  830  7686



1998~2024,今科26年專注于企業(yè)信息化服務(wù)

立 即 注 冊 / 咨 詢
上 線 您 的 網(wǎng) 站 !