分类导航组件-云谷网站建设

 

云谷网站建设分类导航组件主要用于文章分类和产品分类,它是属于导航组件,当点击导航按钮的时候,需要有一个结果页,所以分类导航组件是需要与“文章分类结果页”或者“产品分类结果页”一起使用的。

以产品分类为例为演示,首先需要添加产品的分类类目,并在每一个分类下新增一篇产品信息。例如产品1、产品2、产品3,产品信息为产品标题1、产品标题2、产品标题3。

 

 

接下来进入页面的设计,因为这个组件是需要和系统页面—产品分类结果页或者文章分类结果页共同使用,所以在使用分类导航组件时,需要在产品分类结果页或者文章分类结果页内进行设计。如果是在自己新建的页面内使用,当点击导航时会跳转到系统页面。

 

1,首先进入设计,打开系统页面-产品分类结果页:

 

 

2,打开功能类组件,选择“分类”组件添加到页面并绑定产品数据,分类导航组件可以是横向排列,也可以是竖向排列,具体的根据自己排版需要设定。

 

 

3,只有分类导航是没有意义的,接着需要添加产品分类结果列表控件:在系统页面专用的组件列表里找到产品分类结果列表控件并添加到页面:

 

 

4,产品分类结果列表控件的样式很多,按照自己喜欢的选择,列表控件添加之后不需要绑定产品数据,系统会默认选择,因为它是根据分类导航组件的数据来展示的。比如当点击“产品1”时,产品分类结果列表显示的就是“产品标题1”;当点击“产品2”时,产品分类结果列表显示的就是“产品标题2”。列表里的数据是动态绑定的,只需要设计一下样式即可,比如图片大小、文字大小等等排版方面的设置。

 

 

5,最后就可以点击保存,然后去预览一下效果:

 

最新文章

专题推荐