在 WooCommerce 电子邮件通知中将项目缩略图背景颜色定义为白色

Question

我想更改客户通过 WooCommerce 电子邮件收到的产品缩略图的背景颜色。 是否可以在不修改产品照片原始 PNG 的情况下添加 css 来执行此操作？作为设计问题，我想保留透明度。

这是我应用于 PHP 来显示缩略图的内容：

add_filter( 'woocommerce_email_order_items_args', 'custom_email_order_items_args', 10, 1 );
function custom_email_order_items_args( $args ) {
    $args['show_image'] = true;
}

Answer 1

您可以使用以下挂钩函数，将缩略图产品背景颜色设置为白色：

add_filter( 'woocommerce_email_styles', 'custom_wc_email_styles', 20 );
function custom_wc_email_styles( $css ) {
    $css .= '.order_item > td > img { background-color: #ffffff; }';
    return $css;
}

代码位于子主题的functions.php 文件中（或插件中）。已测试并有效。

Answer 2

我尝试将代码插入我的“function.PHP”文件中 但不幸的是它仍然不起作用。我心中产生一个疑问： 该问题发生在 Gmail 测试邮箱“我附加图像”上，但是当在 WebMail (siteground) 上发送电子邮件时，图像的背景颜色为白色。有办法解决这个冲突吗？ 这对我来说真的很不方便，因为我店里的一些产品的图像是全黑的。