如何在woocommerce的每个产品页面上添加一个图标

Question

我的网站是 -https://tringtring.lk，我在 woocommerce 网站上的产品价格旁边添加了一个图标，代码来自 -Add an icon after product price on Woocommerce archive pages，但现在我想在每个产品页面上添加相同的图标，并带有单词 - “适用当日送达”我该怎么做。这是产品转到的页面 - http://tringtring.lk/same-day-delivery/

我附上了必须显示图标的屏幕截图和错误！。

1. 错误。
2. 图标显示的位置。
3. 我希望在哪里显示图标。enter image description here

Answer 1

如果您只想在所有产品的可用性文本中添加图标和文本，您可以使用woocommerce_get_availability_text 过滤器。

add_filter( 'woocommerce_get_availability_text', 'add_icon_and_message_to_availabilty_text', 10, 2 );
function add_icon_and_message_to_availabilty_text( $availability, $product ) {
    $availability = sprintf( '%s<div><i class="fas fa-shipping-fast"></i> %s</div>', $availability, __('Same Day Delivery Applicable', 'shop_product_page' ) );
    return $availability;
}

此代码 sn-p 应添加到您的子主题的 functions.php 中，或通过 Code Snippets 之类的插件添加。