【问题标题】:How to add an icon on each product page in woocommerce如何在woocommerce的每个产品页面上添加一个图标
【发布时间】:2020-10-16 23:22:19
【问题描述】:

我的网站是 -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

【问题讨论】:

  • 您要将图标添加到每个产品页面的标​​题中吗?
  • 否,在产品可用性旁边。

标签: php wordpress woocommerce


【解决方案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 之类的插件添加。

【讨论】:

  • @thaiyoob-hamza - 如果此答案对您有用,您能否将答案标记为已接受并可能投票?谢谢!
  • 它没用 :( 它显示在价格下方没关系,但可用性代码旁边是可见的,我希望它仅在 1 个类别上启用此选项。
  • 我不太清楚你的意思。您能否尝试更清楚地解释您希望图标和文本显示在哪里?
  • 在产品页面中,它显示在产品价格下方,我对它的位置没问题。请看一下 - tringtring.lk/product/sokany-deep-fryer 我还没有删除代码 FYR。现在在库存可用性旁边,您提供的代码是可见的。我也想像这样将图标文本添加到所选类别 - tringtring.lk/same-day-delivery 请看一下。
  • 您能否通过一些屏幕截图来编辑您的问题,说明您希望图标 + 文本出现在何处?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-07-20
  • 1970-01-01
  • 2022-07-11
  • 2019-08-01
  • 2019-09-16
  • 2020-07-11
  • 1970-01-01
相关资源
最近更新 更多