HTML5自助建站下怎么设置产品分类导航
发布时间:2020-09-25 10:35:59   发布作者:建站模板网   文章所在栏目:建站经验

当咱们的商城网站产品比较多的时分,为了让用户快速找到想要的分类,锚点定位现已不行用了,咱们就需求为商城网站增加产品分类导航。像京东商城这样的产品分类导航,借助建站模板网V9,毫无代码根底的情况下也能做。

HTML5自助建站下怎么设置产品分类导航

在京东的产品分类导航中,主要分为左边主栏目大类,右侧扩展二级栏目,再到具体的类别分类三级栏目,右侧还除了了品牌的广告栏。比照建站模板网模板网站的产品分类导航作用:

要做一个这样的产品分类导航,其实很简略。小编今天给咱们共享几个简略步骤,看一遍就能自己动手做!

操作过程:

1、增加模块产品模块产品分类,这儿有许多风格能够挑选,小编挑选第一种。

直接把模块拖拽出来。咱们拖出来的作用可能是只看到左边橙色部分,咱们需求横向和纵向拉伸,因为系统默许模块是缩略显现,需求拉伸后才干看到整体作用。

2、双击模块,在特点框中能够看到勾选的产品分类,这些就是要在分类导航中显现的内容。

这儿的设置需求在系统设置中的产品系统下进行。

比如想在手机数码主栏目下增加一个新二级栏目:品牌手机。挑选增加产品增加分类,设置一个“品牌手机”分类,并把上级分类选为较尖端的“手机/运营商/数码”。

品牌手机栏目下若要新增多个品牌分类,挑选增加产品增加分类,设置一个“华为”分类,并把上级分类选为较尖端的“品牌手机”。

这时分能够顺便把产品的具体信息补充完好,都是直接上传图片、增加文字的简略操作。

3、所有分类增加完成后,咱们能够在产品管理产品分类下查看咱们现已设置好的栏目。

回到网站修正页面,能够发现产品分类现已主动展现了新增的内容。

HTML5自助建站下怎么设置产品分类导航

4、这时分,假如不喜欢目前的展现风格,能够直接在特点框中切换款式,现已修正的产品分类不会改动。

5、横向展现怎样设置呢?在特点框中的类别特点中开启分类主菜单内容显现,能够增加8个选项。

小编新增了三个,能够对选项设置页面跳转。改写页面预览即可看到作用。

6、右侧翻滚广告栏怎样设置?同样在特点框的类别特点中开启右侧广告位。挑选自定义,自在上传图片,设置跳转。

7、改写后预览即可显现较终作用。

因为建站模板网是H5响应式建站,在电脑站页面设置了分类导航后,手机站无需重复设置,预览手机站的时分咱们会看到这样一个按钮:

有没有很简略?一遍不会,看多几遍就能轻松设置啦!当然,有用户会觉得这样的设置还是有点费事,但和一个个代码敲出来比较,这现已是对小白较友爱的设置办法了。想零根底做出精巧商城网站的,无妨试试建站模板网V9。

H5响应式建站模板网V9线上发布会炽热报名中,全程免费还有互动大奖,想深入了解建站模板网V9的你千万不要错过!