如何在 WordPress 中为合格产品添加自定义图标徽章

Question

我发现以下代码允许您添加自定义图像徽章进行销售

<php
    add_filter( 'woocommerce_sale_flash', 'my_custom_sales_badge' );
    function my_custom_sales_badge() {
    $img = '<span class="onsale"><img src="http://yourwebsite.com/wp-content/uploads/2014/11/custom- 
    sales-badge.png" /></span>';
    return $img;
}
CSS
span.onsale {
    background: none;
    box-shadow: none;
}

此代码与销售 Flash 产品无关。 我想做的是添加一个自定义图标作为合格产品的徽章。 我以为我只是找到了 add_filter 的正确参数，但我什么也没找到。

Answer 1

add_filter( 'woocommerce_product_thumbnails', 'my_custom_sales_badge' );

function my_custom_sales_badge() {
    $img = '<span class="onsale"><img src="https://via.placeholder.com/50" /></span>';
    echo $img;
}

add_filter('wp_footer', 'add_style_to_badge');

function add_style_to_badge(){
    ?>
<style>
        span.onsale {
    background: none;
    box-shadow: none;
    float:right;
}
</style>
<?php
}

将此添加到您的活动主题functions.php中