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

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

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

操作过程：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

H5响应式南奇网络V9线上发布会炽热报名中，全程免费还有互动大奖，想深入了解南奇网络V9的你千万不要错过！

HTML5自助建站下怎么设置产品分类导航   https://cdnanqi.cn/wangzhanjianshe/16085.html