wordpress - 增加目录页面中的产品图像大小

Question

我知道，这是一个简单的修复（它必须是），但我已经搜索了两天并且无法完成此操作。我网站目录页面中的产品太小。

这是我的网站：http://monocleprints.com/woo/shop/

我已经尝试了所有我能想到的后端事情：

• 在WooCommerce -> 设置 -> 目录中更改大小

• 使用 Thumbnail Regenerator 插件调整所有缩略图的大小

• 使用简单图像大小工具调整大小（在媒体文件夹中）

我意识到我可能需要编辑 CSS。我会去哪里做那件事？

Answer 1

There is probably better way to do this but you could try this:

Go to plugins > Editor > Select woocommerce plugin and open

/assets/css/woocommerce.css

Find this:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product

and change width to a larger percentage.

Answer 2

如果您使用的是 woocommerce 主题，则应在主题目录中检查 woocommerce 配置文件。这些配置文件通常对图像进行最终造型。例如，该文件可能会在your_theme/config-woocommerce/config.php其中找到类似的内容：

//product thumbnails
$avia_config['imgSize']['shop_thumbnail']   = array('width'=>80, 'height'=>80);
$avia_config['imgSize']['shop_catalog']     = array('width'=>450, 'height'=>355);
$avia_config['imgSize']['shop_single']      = array('width'=>450, 'height'=>355);

如有疑问，请咨询您主题的网站/支持论坛，因为该问题可能已经在那里提出。

Answer 3

我今天花了太多时间试图弄清楚如何改变购物车中缩略图的大小，最后使用CSS成功如下：

.woocommerce table.cart img, .woocommerce #content table.cart img,
    .woocommerce-page table.cart img, .woocommerce-page #content table.cart img {
    width: 90px;
        height: auto;
        padding: none !important;
}

我希望这对你有帮助！

Answer 4

此设置已移至主题定制器。

设计 -> 定制器 -> WooCommerce -> 产品图片

产品页面有一种设置，目录页面有另一种设置。

在 WooCommerce 3.3.3 中测试

Answer 5

我遇到了同样的问题，我已经找到了可能的解决方案。

打开修改图片大小的页面，找到循环，例如：

if ( have_posts() ) : while ( have_posts() ) : the_post();

  // Loop code, thumbnail woocommerce function, etc

endwhile; endif;

并将其替换为以下代码：

query_posts($args); // Note: if there's no arguments for the query, it can be empty

//loop code, call the default thumnail function! the_post_thumnail()

rewind_posts();