Reemplace el ícono en la página de pago para WooCommerce PayPal Checkout Gateway Plugin

2 minutos de lectura

avatar de usuario
Brett

Estoy usando el complemento “WooCommerce PayPal Checkout Gateway” de WooCommerce y me gustaría usar una imagen personalizada para mostrarla en la sección de opciones de pago en la página de pago.

He intentado lo siguiente pero ninguno funciona; Me imagino que pueden ser para la implementación predeterminada de PayPal que tienen sin usar un complemento.

add_filter( 'woocommerce_paypal_icon', 'my_replace_paypal_icon', 99 );

function my_replace_paypal_icon() {
    return 'https://your_image_url';
}

..y…

add_filter( 'woocommerce_gateway_icon', 'my_paypal_gateway_icon', 10, 2 );

function paypal_gateway_icon( $icon, $id ) {
    if ( $id === 'paypal' ) {
        return '<img src="'%20.%20get_bloginfo('stylesheet_directory')%20.%20'/images/woocommerce-icons/cards.png" alt="Authorize.net" />';
    } else {
        return $icon;
    }
}

¿Hay una forma fácil de hacer esto?

avatar de usuario
LoicTheAztec

Para la pasarela de pago Paypal predeterminada de Woocommerce, utilizará exclusivamente lo siguiente:

add_filter( 'woocommerce_paypal_icon', 'custom_paypal_icon', 10, 2 );
function custom_paypal_icon( $icon ) {
    return '<img src="'%20.%20get_bloginfo('stylesheet_directory')%20.%20'/images/woocommerce-icons/cards.png" alt="Paypal" />';
}

El código va en el archivo function.php de su tema secundario activo (o tema activo). Probado y funciona.


para el complemento Pasarela de pago WooCommerce PayPal Checkoutprueba esto (el ID de método de pago correcto es ppec_paypal):

add_filter( 'woocommerce_gateway_icon', 'custom_payment_gateway_icons', 10, 2 );
function custom_payment_gateway_icons( $icon, $gateway_id ){
    // For Paypal Checkout (or Paypal Express) only
    if( $gateway_id == 'ppec_paypal' ) {
        $icon = '<img src="'%20.%20get_bloginfo('stylesheet_directory')%20.%20'/images/woocommerce-icons/cards.png" alt="Paypal Express" />';
    }
    return $icon;
}

El código va en el archivo function.php de su tema secundario activo (o tema activo). Probado y funciona.

  • ¿Dónde encuentras las identificaciones adecuadas? Como también necesito hacer algo similar para su puerta de enlace Stripe.

    – Brett

    31 de marzo de 2019 a las 18:17

  • @Brett En backend, en Configuración > Pagos, cuando hace clic en un método de pago, puede ver después en la URL: ?page=wc-settings&tab=checkout&section=ppec_paypaldonde ppec_paypal cambio para cada método de pago. O puede inspeccionar los enlaces en la página principal de pago. También en el pago de Frontend, si inspecciona los botones de opción de pago, también puede obtener la identificación para cada uno.

    – LoicTheAztec

    31 de marzo de 2019 a las 18:24

  • Excelente – gracias de nuevo. Antes de leer tu comentario, también encontré que puedes verlo en el inspector para el label; como: payment_method_*.

    – Brett

    31 de marzo de 2019 a las 18:24

  • @Brett O simplemente el “valor” de cada botón de opción de entrada

    – LoicTheAztec

    31 de marzo de 2019 a las 18:25


¿Ha sido útil esta solución?