改变woocommerce页面的宽度

Question

我有一个侧边栏无法正确显示，因为woocommerce页面宽度太宽。我一直试图找出如何改变它的宽度，这样我就可以适应侧栏几天但是无法弄明白，主要是因为我不确定要查看哪个文件。

这就是它的样子

我查看了大量的woocommerce代码但是无法弄清楚其页面的宽度设置在哪里..任何帮助都会非常感激

Answer 1

尝试安装Firebug for Firefox。这样，您可以右键单击模板的区域，然后选择“使用Firebug检查元素”。

您可以使用CSS，右侧也可以告诉您CSS文件和行，然后您可以修改模板。

从记忆中，一些woocommerce主题在主题内的子目录中声明CSS。但是firebug应该指向文件的位置。

希望这会有所帮助;）

Answer 2

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

Answer 3

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

在文本编辑器中打开你的woocommerce.php 替换循环

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

开头

<?php if ( have_posts() ) :

通常以：

结尾

<?php endif; ?>

主题各不相同。找到后，删除它。取而代之的是：

<?php woocommerce_content(); ?>