在结帐时为运费添加徽标 - WooCommerce答案

【问题标题】：Adding logo to shipping rates on checkout - WooCommerce在结帐时为运费添加徽标 - WooCommerce
【发布时间】：2019-08-21 13:20:45
【问题描述】：

我正在尝试在结帐时退回的运费前添加一个小 FedEx 徽标。我可以使用下面的方式记录运费标签的文本，但未添加图像。

function add_fexdex_logo(){
    ?>
    <script>
        var fedexEdit = jQuery('label[for=shipping_method_0_fedex13first_overnight]').text();
        console.log(fedexEdit); //this works
        fedexEdit.replace('FedEx', '<image src="https://www.example.com/fedexlogo.jpg" alt="fedex logo"></image>'); //this doesn't
    </script>
    <?php
}
add_action( 'woocommerce_cart_totals_after_order_total', 'add_fexdex_logo' );
add_action( 'woocommerce_review_order_after_order_total', 'add_fexdex_logo' );

我认为它与结帐中的 Ajax 有关，因此如果有更好的钩子或方法来做这将有助于了解。

【问题讨论】：

将解决方案发布为答案，而不是对问题的编辑。

标签： php jquery wordpress woocommerce checkout

【解决方案1】：

已解决：

没关系，我是个丁格斯。我不能用图像替换 .text() 中的字符串。以下是工作版本。

function add_fexdex_logo(){
    ?>
    <script>
        var fedexEdit = jQuery('label[for=shipping_method_0_fedex13first_overnight]');
        console.log(fedexEdit);
        fedexEdit.before('<image src="https://www.example.com/fedexlogo.jpg" alt="fedex logo"></image>');
    </script>
    <?php
}
add_action( 'woocommerce_cart_totals_after_order_total', 'add_fexdex_logo' );
add_action( 'woocommerce_review_order_after_order_total', 'add_fexdex_logo' );

【讨论】：