向产品图像添加自定义css类

时间:2018-11-15 作者:Kanguros

我想在显示产品图像时添加自定义CSS。E、 g.调用woocommerce_get_product_thumbnail 作用

我尝试过这样的解决方案:Add CSS class to every image 但它们不起作用。该类仅添加到与产品无关的图像中。

1 个回复
SO网友:Shipso

如果仍然相关,可以通过以下方式向产品缩略图添加类。

function loop_product_custom_thumbnail() {
  echo the_post_thumbnail(\'thumbnail\', array(\'class\' => \'your-class-name\'));
}
remove_action( \'woocommerce_before_shop_loop_item_title\', \'woocommerce_template_loop_product_thumbnail\', 10);
add_action( \'woocommerce_before_shop_loop_item_title\', \'loop_product_custom_thumbnail\', 10 );

结束

相关推荐

Remove <p></p> after images

我对<p></p> 出现在my之后的标记<img....>. 以下是我在本地主机上查看生成的页面时显示的内容。。。<img src=\"/wp-content/themes/wunderful/assets/images/feedback-danielle.png\" alt=\"Danielle Johnson Deal Town FC Treasurer\"> <p></p> 请注意随机生成的<p>&