Question

我的网站发布缩略图时遇到问题。产品图像显示为100x100 px图像（太小）。

我想从头版找到拇指的源代码，因为我不喜欢它们以如此小的尺寸显示。我的图片的原始尺寸为300x250 px。

设置产品缩略图大小的代码位置在哪里？如何将缩略图大小更改为原始大小？

<a class="product_thumbnail_wrap" href="<?php the_permalink(); ?>">
<?php
    /**
    * woocommerce_before_shop_loop_item_title hook
    *
    * @hooked woocommerce_show_product_loop_sale_flash - 10
    * @hooked shophistic_lite_template_loop_product_thumbnail - 10
    */
    do_action( 'woocommerce_before_shop_loop_item_title' );
?>
</a>

Answer 1

通常，您不想更改代码本身，但有一些可用的参数，您可以在其中更改图像的显示方式。如果您稍微google一下，会有this page，其中包含以下内容：

使用 WooCommerce 3.3 主题作者现在可以通过add_theme_support function声明图片大小。以这种方式声明图像大小将优先于任何其他设置，并隐藏管理区域中的图像设置部分。

add_theme_support( 'woocommerce', array(
'thumbnail_image_width' => 150,
'single_image_width' => 322,
) );

缩略图裁剪

自定义程序中的新缩略图裁剪部分将允许店主通过视觉提示选择三种裁剪配置设置中的一种：


1：1（方形刨）

自定义（商店所有者可以输入自定义宽高比）

未剪切（保留单张图像宽高比）


然后根据所选的裁剪选项和图像宽度计算图像尺寸。

请注意，单品商品图片未被裁剪且不受裁剪设置的影响。

在Woocommerce 3.3中发布缩略图选项

1 个答案: