时间戳

首页 > 解决方案 > 如何在woocommerce的每个产品页面上添加一个图标

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

问题描述

我的网站是 - https://tringtring.lk，我在我的 woocommerce 网站上的产品价格旁边添加了一个图标 代码来自 -在 Woocommerce 存档页面上的产品价格后添加一个图标，但现在我想添加相同的每个产品页面上带有单词的图标 - “适用当天交货”我该怎么做。这是产品转到的页面 - http://tringtring.lk/same-day-delivery/

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

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

标签： phpwordpresswoocommerce

解决方案

如果您只想在所有产品的可用性文本中添加图标和文本，您可以使用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;
}

此代码片段应添加到您的子主题的functions.php 或通过像代码片段这样的插件。

推荐阅读