【小宅按】 分享了维护页面产品展示的过程,文档最后附加了我的参考文档链接,里边有更详细的说明。
1.1 维护导航栏页面
创建水果页
![759fc4aeb1aadc243ea3c057624760df.png](https://img-blog.csdnimg.cn/img_convert/759fc4aeb1aadc243ea3c057624760df.png)
底版选择与否看个人需求,这里我选择不用底版(即水果页是一个空白页面),导航显示选是
![8d5cb22a3f5330532d4e181e75e10645.png](https://img-blog.csdnimg.cn/img_convert/8d5cb22a3f5330532d4e181e75e10645.png)
点击保存,页面自动切换到水果页
点击插件,找到产品,然后拖拽到页面空白处
![d030174c3f65485be9e7e7e5b27f2c6f.png](https://img-blog.csdnimg.cn/img_convert/d030174c3f65485be9e7e7e5b27f2c6f.png)
先添加一个产品分类
![404efa35a231a7642e96257c24f5c2cb.png](https://img-blog.csdnimg.cn/img_convert/404efa35a231a7642e96257c24f5c2cb.png)
选择需要展示的分类,分类链接这里选择产品列表,这样点击分类时就会跳转到相应的分类产品列表了
注:需要维护了产品列表页这里才可以看到产品列表的选项,列表页和详情页维护看1.3
![9e137b06a9691b185264ea5258dd7a40.png](https://img-blog.csdnimg.cn/img_convert/9e137b06a9691b185264ea5258dd7a40.png)
![f28523aacbbd68149928de7e4db0a67e.png](https://img-blog.csdnimg.cn/img_convert/f28523aacbbd68149928de7e4db0a67e.png)
如果有多个导航页面,参考水果页设置就可以了
导航页面维护好后,可以到首页去设置导航栏了
1.2 维护首页导航栏
进入首页
![5afd4092867cac4f7ca222a658726d65.png](https://img-blog.csdnimg.cn/img_convert/5afd4092867cac4f7ca222a658726d65.png)
添加导航栏插件
![b367006b4efd8277d3c549499a0c531f.png](https://img-blog.csdnimg.cn/img_convert/b367006b4efd8277d3c549499a0c531f.png)
导航类型这里就使用默认的类型即可,如果刚才维护的导航页面没有显示出来,可以点击导航类型检查一下是否选的默认页面类型
![c1f899c76e2a07bde62e28bb474a04f2.png](https://img-blog.csdnimg.cn/img_convert/c1f899c76e2a07bde62e28bb474a04f2.png)
![e2346d4453dd150b9b452cd2daaef8e4.png](https://img-blog.csdnimg.cn/img_convert/e2346d4453dd150b9b452cd2daaef8e4.png)
1.3 创建产品列表页、产品详情页
这里需要注意的是创建列表页和详情页时,导航可见栏位选择否,如果这里也选择是,列表页和详情页也会出现在导航栏中。
![edba629fe2789a587eaae60eb642ece3.png](https://img-blog.csdnimg.cn/img_convert/edba629fe2789a587eaae60eb642ece3.png)
![5750f7009f453515e45697ddf5fed13e.png](https://img-blog.csdnimg.cn/img_convert/5750f7009f453515e45697ddf5fed13e.png)
1.3.1 产品列表页
![b20b32249f8d9ae7e54d83272a6a2783.png](https://img-blog.csdnimg.cn/img_convert/b20b32249f8d9ae7e54d83272a6a2783.png)
![304820ec24e19b5d91db4a3bc76aa5fc.png](https://img-blog.csdnimg.cn/img_convert/304820ec24e19b5d91db4a3bc76aa5fc.png)
编辑里边找到参数设置-分类选择,选择需要展示的产品分类
![b70a42ae0b5ef65e32ce2e21148da86b.png](https://img-blog.csdnimg.cn/img_convert/b70a42ae0b5ef65e32ce2e21148da86b.png)
![71d26f9b4e039cf5a6c9ee4f7ec55846.png](https://img-blog.csdnimg.cn/img_convert/71d26f9b4e039cf5a6c9ee4f7ec55846.png)
1.3.2 产品详情页
进入产品详情页
![35d5cd5a641cd24b1ec7d834b295ea14.png](https://img-blog.csdnimg.cn/img_convert/35d5cd5a641cd24b1ec7d834b295ea14.png)
![668d45a07400f85b4e8875ec18799b86.png](https://img-blog.csdnimg.cn/img_convert/668d45a07400f85b4e8875ec18799b86.png)
![064a4451379a81fc90fdafdcf529326c.png](https://img-blog.csdnimg.cn/img_convert/064a4451379a81fc90fdafdcf529326c.png)
1.4 我的的参考文档
1.4.1 展示产品
http://help.websitemanage.cn/show/310.html
1.4.2 所有产品相关操作
http://help.websitemanage.cn/list/38.html
更多精彩内容,请滑至顶部点击右上角关注小宅哦~
![5818cceb6319f58b78b6164c84d04b60.gif](https://img-blog.csdnimg.cn/img_convert/5818cceb6319f58b78b6164c84d04b60.gif)
来源:华为云社区 作者:建站小哥