Blocksy主题如何将WordPress商城筛选功能放在产品集合上面

以下教程针对Blocksy Pro主题

默认情况下,产品的筛选功能都是放置在侧边栏的,我们也可以将它放到产品集合的上方。

Blocksy主题如何将Wordpress商城筛选功能放在产品集合上面 1
侧边栏筛选
Blocksy主题如何将Wordpress商城筛选功能放在产品集合上面 2
顶部筛选

具体步骤

进入网站的自定义,找到WooCommerce下的产品归档,页面元素里有一个Filter Canvas,将后面的箭头点开。

Blocksy主题如何将Wordpress商城筛选功能放在产品集合上面 3

类型选择第二个。

Blocksy主题如何将Wordpress商城筛选功能放在产品集合上面 4

其他的参数可以自行设置,下面有两个参数需要注意一下:

  • Panel Columns,筛选区域分成几列,一般一列即可,比较美观。
  • Panel Default State,指的是默认情况下筛选项是不是打开状态。
Blocksy主题如何将Wordpress商城筛选功能放在产品集合上面 5

接着下面的Widget Area Source,选择你筛选元素所在的侧边栏即可。

Blocksy主题如何将Wordpress商城筛选功能放在产品集合上面 6

更改完成之后发布保存即可。

Note:

如果你的筛选项是这种垂直的展示形式,那么可以在对应的下工具里修改。

Blocksy主题如何将Wordpress商城筛选功能放在产品集合上面 7

进入Wordpress后台,选择外观——小工具,找到筛选元素所在的位置,选中对应筛选元素,将右边编辑参数的DISPLAY TYPE改成Inline就可以了。

Blocksy主题如何将Wordpress商城筛选功能放在产品集合上面 8

© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。

白小菌
白小菌

嗨,我是白小菌,一个热爱学习并分享的博主。喜欢把复杂内容拆解成简单易懂的步骤,与大家一起学习成长。 在这里,你会看到我分享的外贸,跨境电商,Wordpress建站,SEO、有用的工具技巧等。 如果你有任何疑问或想法,可以在博客任意文章下方留言。如果有更复杂的需求,也可以选择付费咨询,我会尽我所能帮你解决问题。

文章: 454

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注