WordPress woocommerce 插件更改主题布局答案

【问题标题】：WordPress woocommerce plugin changing theme layoutWordPress woocommerce 插件更改主题布局
【发布时间】：2016-09-25 17:19:50
【问题描述】：

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

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

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

【问题讨论】：

模板可能没有被应用。可以分享一下相关代码吗？
我根本没有代码......我刚刚在后端创建了一个商店页面，并分配该页面来显示来自 woocommerce 设置的产品。在那个页面中，编写了一个容器类，它将我的布局放在 1170px 内......但是 woocommerce 根本没有显示该代码...... :(
有比最后添加 jQuery 更强大的解决方案 -- 编辑 woocommerce/templates/global/wrapper-start.php 以包含您的容器类，刚刚在我正在处理的咨询项目中解决了这个问题

【解决方案1】：

您的问题不在 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" );
});

【讨论】：

【解决方案2】：

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

【讨论】：