woocommerce 中的商店页面和产品页面显示不正确

Question

我正在使用自定义主题。最近我向其中添加了 woocommerce。

设置

我已经为 function.php 添加了主题支持。

我将模板文件夹复制到我的主题文件夹并将其重命名为 woocommerce。

我在主题文件夹中创建了 woocommerce.php。

问题：

商店和产品页面显示不正确。在商店页面中，每行显示一个产品，而不是 4 个产品！

我禁用了其他插件和 css 文件并且不起作用，但是当我将主题更改为店面主题时，它看起来很好。

你能帮我设置和更新吗

提前感谢您的反馈

My Shop page

My Product page

Answer 1

萨拉姆·埃勒姆， 我看到你安装 WooCommerce 并添加它们，存档页面有问题， 您使用以下结构，这是不正确的：

<ul class="products columns-5 row">
<section class="col-lg-6 col-lg-3 text-center">
<li class="and-other-classes">
</li>
</section>
</ul>

问题与您的 CSS 和样式有关，请按以下方式更改：

<ul class="products columns-5 row">
<section class="row">
<li class="col-lg-6 col-lg-3 text-center and-other-classes">
</li>
</section>
</ul>