更改 woocommerce 页面的宽度答案

【问题标题】：change width of woocommerce page更改 woocommerce 页面的宽度
【发布时间】：2012-10-11 06:18:22
【问题描述】：

我的侧边栏显示不正确，因为 woocommerce 页面宽度太宽。我一直在尝试找出如何更改它的宽度，以便我可以将侧栏放入几天但无法弄清楚，主要是因为我不确定要查看哪个文件。

这就是它的样子

我查看了大量的 woocommerce 代码，但无法弄清楚他们页面的宽度设置在哪里。任何帮助将不胜感激

【问题讨论】：

最有可能在 CSS 中设置，但是从您的屏幕截图中看起来图像宽度可能是什么推动了它。
查看更多信息css-tricks.com/forums/discussion/15253/woocommerce/p1
谢谢，我已经看到该链接并尝试使用它，但我无法找出 woocommerce 的大小设置在哪里......所以我不认为我应该禁用侧面此页面的栏..但不知道该怎么做。

【解决方案1】：

尝试为 Firefox 安装 Firebug。这样，您可以右键单击模板区域并选择“Inspect Element with Firebug”。

您可以使用 CSS，在右侧它还会告诉您 CSS 文件和行，以便您随后修改模板。

根据记忆，其中一些 woocommerce 主题在主题内的子目录中声明 CSS。但萤火虫应该将您指向文件的位置。

希望这会有所帮助；）

【讨论】：

【解决方案2】：

主题布局控制页面和侧边栏的宽度。 Woocommerce 控制为产品显示的图像的大小。这可能是其中的一部分。尝试将图像设置为小，直到配置好侧边栏，然后将图像适合它们。

【讨论】：

【解决方案3】：

复制您主题的 page.php 文件，并将其命名为 woocommerce.php
这个文件应该是这样找到的：wp-content/themes/YOURTHEME/woocommerce.php。

在文本编辑器中打开您的 woocommerce.php，然后替换循环

接下来您需要找到循环（参见 The_Loop）。循环通常以：

<?php if ( have_posts() ) :

通常以：

结尾

<?php endif; ?>

这因主题而异。找到后，将其删除。取而代之的是：

<?php woocommerce_content(); ?>

【讨论】：