Question

我在woocommerce中遇到可变产品的问题。该产品只有2种变化（两种尺寸）。

我的单个产品页面使用自定义image_size（dd_single_image），宽度：900高度：1200 crop：True。使用product-page.php我已将产品设置为使用dd_single_image（DD-Mens-499-900x1200.jpg）。它工作和显示很棒！

的functions.php

add_theme_support( 'post-thumbnails' );
add_image_size( 'dd_single_image', 900, 1200, true );

产品image.php

if ( has_post_thumbnail() ) {
        $html  = '<div data-thumb="' . get_the_post_thumbnail_url( $post->ID, 'dd_single_image' ) . '" class="woocommerce-product-gallery__image"><a href="' . esc_url( $full_size_image[0] ) . '">';
        $html .= get_the_post_thumbnail( $post->ID, 'dd_single_image', $attributes );
        $html .= '</a></div>';

每个变体都没有设置图像，他们不需要单独的图像，并且可以愉快地使用已设置的产品图像。

但是，只要从下拉菜单中选择尺寸变化（选择），它就会切换图像src以使用不同的图像文件（DD-Mens-495-416x278.jpg）。这不会被裁剪，显然会变小。

我查看过variation.php，variable.php，add-to-cart-variation.js等等。我已经搜查过并尝试将头撞在墙上。

如果有人能够阐明这一点，那将非常，非常感激地收到。提前致谢

http://159.65.19.143/product/navy-sheep/

运行Wordpress 4.9.3 | Woocommerce 3.3.0 |店面的儿童主题

Answer 1

您是否尝试在 WooCommerce＆gt;处更改图片尺寸？设置＆gt;产品＆gt;还显示？

Answer 2

问题不在于您的初始输出代码。问题是表单包含所有变体的元数据，包括图像的路径，因此当您通过选择大小来更改变体时，它会根据图像中的内容更新图像＆＃34; data-product_variations＆＃34;属性。您需要找到生成此模板的模板，以修改它在此处列出的图像大小。

如果您可以告诉我您使用的是哪种插件用于多种变体图像，我可能会进一步提供帮助。

Woocommerce变体的图片大小

2 个答案: