如何灵活运用栏目导航模块?
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":97,"cheight":31,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674261794890.jpg","picWidth":"97","picHeight":"31","inpColor":"#000000","color":"#000000","type":6,"effectBdColor":"#000000","hasEdit":true}
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":67,"cheight":31,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674261794891.jpg","picWidth":"67","picHeight":"31","inpColor":"#000000","color":"#000000","type":6,"effectBdColor":"#000000","hasEdit":true}
{"img":"","passBy":"0","picBd":"0","size":"1","bdSize":"1","cwidth":318,"cheight":38,"picBdRadio":"0","borderType":"solid","jump":"0","definedUrl":"","isPicBd":"0","effectBdLine":"solid","image":"//oss.xinghuo86.cn/599721374646346/600674286960643.png","picWidth":318,"picHeight":38,"inpColor":"","color":"#000000","type":0,"effectBdColor":"#000000","hasEdit":true}
GO
如何灵活运用栏目导航模块?
发布日期:2021-06-18 13:43:17浏览量:38

【电脑版】

一、功能效果

利用“栏目导航”模块可以达到点击左边的栏目,页面右边出现相应的内容的效果。

 

二、设置教程

(一)添加模块

1、在电脑网站设计页面左侧导航栏点击【模块-新增模块-高级】,添加 【栏目导航】。如图:

2、在栏目导航模块中选择需要展示的栏目。

 

 

3、支持添加【网站栏目】、【产品系统】、【文章系统】三个栏目设置显示,选择需要展示的栏目点击确定。如图:

 

 

4、点击页面左侧导航的【样式-多列排版】,选择显示“左和右”,蓝色则代表已选中显示。如图:

 

 

5、将【栏目导航】模块拖动到左侧,点击相应的栏目,在页面的右侧添加想要展示的内容。

 

6、完成后的效果如下,点击左侧的标题,右侧能出现相应内容,您还可以给模块设置好看的样式和动画,让模块与您的网站设计效果更加贴合。

 

【手机版】

一、 功能效果

利用“栏目导航”模块可以展示需要的栏目。

二、 设置教程

1、在手机网站设计页面点击左侧导航【新增模块-高级】,添加【栏目导航】模块。

 

 

2、支持添加【网站栏目】、【产品系统】、【文章系统】三个栏目设置显示,选择需要展示的栏目点击确定。如图: