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

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

视频教程

第一种. 产品类目页

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

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

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

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

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

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

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

第二种. 首页的展示产品

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

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

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

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

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

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

留下评论

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

首页
交流群
需要建站
联系我