根据Woo商业选择的付款方式在结帐时更改带有图像的支付按钮

Question

通过此功能，我可以更改支付按钮上的文本。我想插入一个小图像。

add_filter( 'woocommerce_available_payment_gateways', 'woocommerce_available_payment_gateways' );

function woocommerce_available_payment_gateways( $available_gateways ) {

    if (! is_checkout() ) return $available_gateways;  // stop doing anything if we're not on checkout page.

    if (array_key_exists('paypal_express',$available_gateways)) {

        // Gateway ID for Paypal is 'paypal'. 

         $available_gateways['paypal_express']->order_button_text = __( 'PAY', 'woocommerce' );

    }

    return $available_gateways;

}

提前感谢您的帮助！

Answer 1

由于在前端，按钮文本将使用jQuery的功能进行更改，添加像img标签这样的html在这里不起作用。.text()我建议你使用j脚本和jQuery。它应该是这样的：$( document.body ).on( 'payment_method_selected', function(){&nbsp; &nbsp; var selectedPaymentMethod = $( '.woocommerce-checkout input[name="payment_method"]:checked' ).attr( 'id' );&nbsp; &nbsp; $( '#place_order' ).find('.payment-icon');&nbsp; &nbsp; $( '#place_order' ).prepend('<span class="payment-icon '+ selectedPaymentMethod +'"></span>'); // or any element like from font-awesome.});$( document.body ).trigger( 'payment_method_selected' ); // this will trigger on page load, act as initialize the icon.上面的脚本将添加一个标签，其中包含类别和所选付款方式的 ID。然后，您可以使用 css 将图标添加为此范围的背景。spanpayment-icon