Question

我正在使用WooCommerce，在我的单个产品页面上，我概述了产品图片。我使用product-thumbnails.php模板调用图像，但结果与我的CSS冲突，因为$ image的输出在HTML中添加了像素大小。

现在：

<img src="http://example.com/image.jpg" height="480" width="360">

期望的：

<img src="http://example.com/image.jpg">

如何更改$ image的输出？

Answer 1

HTML5Blank有一个非常好的例子可以回答你的一些问题，看看here - 特别排列206以及它所关注的行动：

add_filter('post_thumbnail_html', 'remove_width_attribute', 10 );

function remove_width_attribute( $html ) {
   $html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
   return $html;
}

要明确定位您引用的模板，您可以专门挂钩到该过滤器（woocommerce_single_product_image_thumbnail_html）并修改该功能，如下所示：

add_action('woocommerce_single_product_image_thumbnail_html','remove_single_product_image_attrs',10,4);

function remove_single_product_image_attrs( $image_html, $attachment_id, $post, $image_class ){
    return preg_replace( '/(width|height)="\d*"\s/', "", $image_html );
}

如何在WooCommerce中控制变量$ image的HTML输出

1 个答案: