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

Question

我的网站是 - https://tringtring.lk，我在我的 wooCommerce 网站上的产品价格旁边添加了一个图标，从中获取代码 - 在Woocommerce存档页面上的产品价格后添加一个图标，但现在我想在每个产品页面上添加相同的图标 - "适用当日送达" 我该怎么做。 这是页面 产品 转到 - http://tringtring.lk/same-day-delivery/

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

1. 错误。
2. 图标显示的位置。
3. 我希望图标显示的位置。在此处输入图像描述

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;
}

此代码片段应添加到子主题的函数.php或通过代码片段等插件添加。