在 WooCommerce 结帐中将“[删除]”链接文本更改为优惠券图标答案

【问题标题】：Change "[Remove]" link text to an icon for coupon in WooCommerce checkout在 WooCommerce 结帐中将“[删除]”链接文本更改为优惠券图标
【发布时间】：2021-05-21 17:09:24
【问题描述】：

我想将“[删除]”链接文本更改为 WooCommerce 结帐页面中的优惠券图标。

我希望它是来自Font Awesome 的垃圾桶图标，而不是“[删除]”。

我找到了 2 个代码 sn-ps 来更改文本：

function filter_woocommerce_cart_totals_coupon_html( $coupon_html, $coupon, $discount_amount_html ) {
    // Change text
    $coupon_html = $discount_amount_html . ' <a href="' . esc_url( add_query_arg( 'remove_coupon', rawurlencode( $coupon->get_code() ), defined( 'WOOCOMMERCE_CHECKOUT' ) ? wc_get_checkout_url() : wc_get_cart_url() ) ) . '" class="woocommerce-remove-coupon" data-coupon="' . esc_attr( $coupon->get_code() ) . '">' . __( '[Remove &amp; Re-Calculate]', 'woocommerce' ) . '</a>';

    return $coupon_html;
}
add_filter( 'woocommerce_cart_totals_coupon_html', 'filter_woocommerce_cart_totals_coupon_html', 10, 3 );

或

function filter_woocommerce_cart_totals_coupon_html( $coupon_html, $coupon, $discount_amount_html ) {
    // Change text
    $coupon_html = str_replace( '[Remove]', '[Remove &amp; Re-Calculate]', $coupon_html );

    return $coupon_html;
}
add_filter( 'woocommerce_cart_totals_coupon_html', 'filter_woocommerce_cart_totals_coupon_html', 10, 3 );

这些代码 sn-ps 允许我更改文本，但我不知道如何添加图标。如果有人可以帮助我，我将不胜感激..

【问题讨论】：

感谢@LoicTheAztec，它成功了。我还有一个问题。如果您将鼠标悬停在某些按钮/链接上，则会在 Stack Overflow 上出现一个小弹出窗口，解释该按钮/链接。 Screenshot。我想对优惠券删除图标做同样的事情。这可能吗？
它被称为 Tooltip...所以这是一个适用于 Javascript 和 CSS 的功能...JQuery UI has a tooltip functionality 并且还有很多库允许这样做。有some plugins for Wordpress too

标签： php wordpress woocommerce checkout coupon

【解决方案1】：

例如，您可以在第二个代码 sn-p 上使用以下代码添加 Font Awesome Icon：

function filter_woocommerce_cart_totals_coupon_html( $coupon_html, $coupon, $discount_amount_html ) {
    // Change returned text
    return str_replace( '[Remove]', ' [<i class="fas fa-minus-circle"></i> Remove &amp; Re-Calculate]', $coupon_html );
}
add_filter( 'woocommerce_cart_totals_coupon_html', 'filter_woocommerce_cart_totals_coupon_html', 10, 3 );

代码位于活动子主题（或活动主题）的functions.php 文件中。它应该可以工作。

您将进入结帐页面，如下所示：

【讨论】：