WordPress woocommerce插件改变主题布局

Question

我正在开发一个与woocommerce相关的主题，我面临的问题是，当我去商店页面或任何页面时，它会改变我的布局。它删除了我的.container类并将该类转换为#container id，因此我的1170px布局没有显示，我的所有数据都是100％。

我是woocommerce的新手，请指导我如何解决这个问题？

我的容器类在所有其他页面上工作正常，而不是woocommerce。

Answer 1

是的，我是靠自己得到的。这是因为我正在展示来自WooCommerce插件模板的帖子，这是WooCommerce的默认行为。我刚刚将archive-product.php页面复制到我的主题目录中并将所有代码包含在我的所有内容中，它就像一个魅力:) 希望，这将解决像我这样的任何新来的问题...

Answer 2

您的问题并非位于woocommerce模板上，例如建议您的答案，而是位于活动主题文件夹中的woocommerce.php文件中。

您需要在id="container" html标记中添加所有匹配项class="container"。例如：

<div id="container">

需要替换为：

<div id="container" class="container">

或者通过：

<div class="container">

这将解决您的问题。

另一个没有编辑此woocommerce.php文件的解决方案是添加例如这样的jQuery脚本：

jQuery(document).ready(function($) {
    $( "body.woocommerce-page #container" ).addClass( "container" );
});