我正在尝试将单个产品页面中的图像大小更改为 600px X 700px,但是即使在我重新生成所有缩略图后,woocommerce 产品设置的任何更改也不会执行任何操作。 我认为我的主题 css 中的某些内容正在设置我的产品页面图像大小,但我不知道它是什么,所以我可以更改它。
如果我能去掉图像边框那就更好了。 这是一个产品链接,可以查看我遇到的问题。
[已解决]它在主题文件中,每个主题都不同,因此发布我在其中找到的文件名可能与遇到此问题的任何人无关。
您必须做的是查看您的主题,看看它呈现的缩略图大小。 就我而言,缩略图的最大宽度为 360 像素。 找到下面的代码后,我只需将其更改为 600px,然后重新生成缩略图。这成功了,我希望它可以帮助遇到同样问题的人。
` /* ======产品单拇指尺寸====== */
add_image_size( 'tw_shop_single', 360, 999, false );`
有关如何将 Woocommerce 缩略图大小与您的主题相匹配的完整说明位于我们的博客上:http://www.cbdweb.net/woocommerce-and-image-sizes/ 包括相关 Woocommerce 文档的链接。 这个问题涉及如何更改图像显示的大小,找到的解决方案是正确的,但您仍然需要确保调整 Woocommerce 存储的图像大小以正确匹配您的(修改后的)主题。
创建子主题也比直接修改主题更值得。请参阅文档http://codex.wordpress.org/Child_Themes
这会对你有帮助!
add_filter( 'woocommerce_get_image_size_thumbnail', function( $size ) {
return array(
'width' => 427,
'height' => 427,
'crop' => 0,
);
} );
发现这个[通过钩子更改图像尺寸
虽然主题可以将图像尺寸固定为特定宽度,并且商店所有者可以控制宽度和纵横比,但如果您需要对缩略图尺寸进行更多控制,可以使用一些挂钩。 WooCommerce 使用 wc_get_image_size 函数来获取图像大小尺寸。其返回值通过过滤器传递: woocommerce_get_image_size_{SIZE_NAME_WITHOUT_WOOCOMMERCE_PREFIX} 如果使用此挂钩,您将收到一个尺寸数组,类似于:
array(
'width' => 200,
'height' => 200,
'crop' => 1,
)
例如,如果我想将图库缩略图更改为 150x150px 未裁剪的图像,您可以使用以下代码:
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
return array(
'width' => 150,
'height' => 150,
'crop' => 0,
); } );