WooCommerce怎么在手机端一行显示两列产品

这个问题主要分两种情况,第一种是产品的分类页面,另一种是首页的产品展示,两种设置方法不太一样,我们分别看看。

视频教程

第一种. 产品类目页

这是商城的Casual这个类目下的产品展示页,电脑端一行四个产品很正常。

WooCommerce怎么在手机端一行显示两列产品 1

但是到了移动端就变成一行一个,有点浪费空间。

WooCommerce怎么在手机端一行显示两列产品 2

更改方法也很简单,选择左上角的Customize。

WooCommerce怎么在手机端一行显示两列产品 3

到了自定义页面之后,把展示样式调成手机端。

WooCommerce怎么在手机端一行显示两列产品 4

然后鼠标移动到产品图片上会有EDIT字样显示,点击。

左边会出现编辑区域,将列和行改成2.

WooCommerce怎么在手机端一行显示两列产品 5

这样在手机端一行就可以显示2个产品了。

WooCommerce怎么在手机端一行显示两列产品 6

第二种. 首页的展示产品

电脑端同样一行展示四个,没什么问题。

WooCommerce怎么在手机端一行显示两列产品 7

但是切换到手机端又变成一个了。

👉 下面为赞助粉丝专享内容 👈

为感谢🫰Youtube会员,🫰B站充电粉丝和🫰交流群成员的支持。

后面为专享内容,如果你是上面其一,可直接右边登陆账号查看(不知道账号的可联系我“bansuhy”创建)

如果你想加入,可点击下面按钮了解。

订阅评论
提醒
guest
0 评论
最新
最旧 最多投票
内联反馈
查看所有评论