很多朋友使用wordpress制作网站时候会设置很多产品分类、子分类,默认的很多网站在线编辑器都无法做到。
如果你用的是avada主题,可以直接忽略本文,可以阅读《Avada7.9 终于来了,期待已久的目录和折叠菜单终于不需要插件了》
前两种方法适用于不同主题插件做的wp网站,第三种方法只适用于avada主题的网站。
方法一:Woocommerce Sidebar Category Accordion
在插件库下载启用后,很多朋友发现没有效果。那是因为,没有设置小图标的大小


填写图标的大小,然后保存。
接下来添加一个 产品类别 的小工具,然后再前台添加这个侧边栏小工具即可显示。

如果没有显示有可能是插件太久没更新不兼容当前版本的wp了,那可以考虑下面的插件。
方法二:Iks Menu – WordPress Category Accordion Menu
下载启用插件后,点击create

然后看心情起名


选择产品类别,点击finish,再开始编辑

这个插件有皮肤,只有几个免费的,最右侧是预览,然后根据自己的需要调整就可以了。

最后点击保存发布,就会给个短代码,再把短代码添加到前端就可以让产品分类菜单显示出来了。

方法三:利用Avada主题的垂直菜单进行设置
当时做这种垂直菜单在后台看是正常的,前台就变成了你看到的网站的那样子,不过不影响你用来做产品分类

在你的产品分类页用菜单来做,这种折叠菜单,最终的显示是正常的,不要担心,强烈推荐这种方式,能不额外添加插件就不额外添加。
如果对本文有疑问,可以在下方评论区留言,看到后我会在这里回复你。
加微信咨询(为了方便大家添加微信,直接放在这里了):
