如何仅在价格之后在WooCommerce的产品页面中添加图标

Question

我在网上做了一些关于如何做到这一点的研究之后添加了下面的代码，问题是，这段代码为产品的产品页面以及其他产品的迷你概览添加了一个图标，这不是我想要的，我想让图标只显示在所有的产品页面上。

就如何实现这一目标寻求一些帮助。

我在试着

我想移除的东西。

add_filter( 'woocommerce_get_price_html', 'prepend_append_icon_to_price', 10, 2 );

function prepend_append_icon_to_price( $price, $product ) {

        $price .= '<span style="float:right"><i class="fas fa-shipping-fast"></i></span> ';

    return $price;

}

Answer 1

add_filter('woocommerce_get_price_html', 'prepend_append_icon_to_price', 10, 2);

function prepend_append_icon_to_price($price, $product) {
    if (is_product()) {
        $price .= '<span style="float:right"><i class="fas fa-shipping-fast"></i></span> ';
    }

    return $price;
}

您可以使用is_product() woocommerce条件标签来检查单个产品页。