如何在店面主题中更改产品缩略图大小

时间:2018-11-06 作者:kushal

我试图以230px显示产品缩略图(根据GTmetrix的建议)。

因为我使用的是storefront,所以默认值在storefront/inc/class storefront中声明。php

代码如下:

add_theme_support( \'woocommerce\', apply_filters( 
\'storefront_woocommerce_args\', array(
\'single_image_width\'    => 416,
\'thumbnail_image_width\' => 324,
\'product_grid\'          => array(
\'default_columns\' => 3,
\'default_rows\'    => 4,
\'min_columns\'     => 1,
\'max_columns\'     => 6,
\'min_rows\'        => 1
))));

我尝试将single\\u image\\u width的值指定为230,但没有任何区别。因此,我划出了这一行,并在函数中添加了以下代码。php文件:

add_theme_support( \'woocommerce\', array(
\'thumbnail_image_width\' => 230
) );
}
这似乎也没有什么不同。我做错了什么?

作为参考,这是我试图调整大小的图像。我使用woocommerce短代码在网站上显示它。enter image description here

我真的很感激你的帮助。

谢谢,-KG。

2 个回复
SO网友:Eggs

我不能相信这一点,但我在themebynumbers.com

在我的店面子文件夹中,我已将其添加到我的函数中。php文件:

add_filter( \'woocommerce_get_image_size_thumbnail\', function( $size ) {
  return array(
    \'width\'  => 150,
    \'height\' => 150,
    \'crop\'   => 1,
  );
});

SO网友:Deividas Cha

尽管这是一个老生常谈的问题,但我会尽量提供更深入的答案(以防有人在苦苦挣扎)。

首先,你不应该修改storefront/inc/class-storefront.php改用子主题。

其次,在孩子主题中使用适当的过滤器。(这应该有效):

add_filter( \'storefront_woocommerce_args\', \'storefront_args_override\', 10, 1 ); 
function storefront_args_override( $args ) {
    $args[\'thumbnail_image_width\'] = 230;
    return $args;
}
最后-REGENERATE THUMBNAILS当您向wp添加新的图像大小时,所有已上载的图像不会自动重新生成。您需要再次上传图像,或者只需重新生成缩略图。

结束

相关推荐

No Thumbnails Generated

我在自己的服务器上安装了WordPress,它已启动并运行。。。我注意到WordPress不会生成我上传的任何图像。通常,当我通过WordPress上传图像时,它会生成缩略图、中型和大型图像。WordPress安装无误,其他一切正常。我尝试重建缩略图,但没有成功:-(有什么想法吗?谢谢,乔希