Php 在Woocommerce归档页面中按原始数据正确设置项目数

我的Woocommerce商店有一个奇怪的问题。当我通过桌面查看时，一切似乎都正常，但当从智能手机查看时，只显示3个产品项，其他项目则缺失
我试图向下滚动，但什么也没发生。我注意到项目块并没有包装到父块中，而是继续内联显示，就像桌面版本一样

编辑我找到了这个CSS：

.woocommerce ul.products {
display: flex;
 flex-direction: row;
}

删除时：

display: flex;

…它显示所有类别，但下面有一个，我想在桌面上显示三列，在智能手机上显示一列

我该怎么做

---

有人能告诉我问题出在哪里吗，因为我自己还不能解决这个问题

在您的主题中，产品设置为在查看html结构时显示在两列中：

• 每个奇数
  都有“第一”类
• 每个偶数
  都有“last”类

因此，是的，您应该删除那些错误的CSS规则：

.woocommerce ul.products{
显示器：flex；
弯曲方向：行；
}
woocommerce ul.产品li.产品{
柔性生长：1；
}

或者在活动子主题（或活动主题）的

style.CSS

文件中插入以下CSS规则来覆盖它们：

.woocommerce ul.products{
显示：块！重要；
}

并尝试在主题中查找有关要显示的行项目数的设置

或者使用此选项，将按行设置3个产品：

add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
    function loop_columns() {
        return 3; // 3 products per row
    }
}

代码进入活动子主题（或主题）的function.php文件

测试和工作

决不要将CSS

display:flex

用于Woocommerce归档页面，如shop on items

---

编辑：要在智能手机上的两列中显示您的产品（低于480px），请将此添加到文件末尾活动子主题（或活动主题）的

style.css

文件中：

@介质（最大宽度：480px）{
.woocommerce ul.products li.product，.woocommerce页面ul.products li.product{
浮动：左！重要；
宽度：48.05%！重要；
}
}

谢谢。我将您提供的CSS插入自定义CSS，并将Function插入functions.php，但现在每侧显示2列，在移动视图中，逐个显示所有内容。。这就是我关于产品档案的主题。谢谢在主页上现在工作良好，但在手机视图上仍然显示我一个类别下面的其他。。那么如何使那里也有3列呢？对不起@LoicTheAztec。。现在是固定的。请查收