Avisos
Vaciar todo

[Resuelto] Añadir imagen al método de pago woocommerce  

 
Santiago
 Santiago
Usuario activo

Hola, me gustaría añadir imagen al método de pago woocommerce.

Seguí las indicaciones de este tutorial donde usaba este plugin,  https://wordpress.org/plugins/fr-custom-payment-gateway-icon-for-woocommerce/  pero no lo soluciona para stripe.

Ejemplo de lo que busco:

image

Los metodos de pago que quiero añadirlos es a Stripe, Paypal y Bizum

¿Podríais decirme como poder añadir una imagen al método de pago? Si hubiera una manera con plugin me podríais decir la otra manera sin plugin para no tener instalado 2 plugins.

 

Un saludo
Santi

 

Contenido solo visible a usuarios registrados

Respondido : 14/01/2024 6:20 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Santiago, 

En este caso puedes enviarnos la URL del sitio web donde deseas añadir estas imágenes, actualmente no veo que en el sitio que nos compartes tengas añadido estos metodos de pago. Ten en cuenta que stripe en un método de pago diferente a Paypal y Bizum y cada uno debe añadirse de una forma diferente. 

Un Saludo 

Respondido : 14/01/2024 8:37 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Santiago
 Santiago
Usuario activo

@karen

Donde quiero que aparezca es en esta web https://suchartist.com/

 

Respondido : 15/01/2024 9:16 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Santiago.

Veo que utilizas el plugin WooCommerce Stripe Gateway

.- Añade lo siguiente al final del archivo functions.php que encontrarás en wp-content -> themes -> tu_plantilla o si utilizas algún plugin para añadir código como puede ser Code Snippets:

function add_credit_card_gateway_icons( $icon_string, $gateway_id ) {
if ( 'stripe' === $gateway_id ) {
$icon_string  = '<img src="' . WC_STRIPE_PLUGIN_URL . '/assets/images/visa.svg" class="stripe-visa-icon stripe-icon" alt="Visa" />';
$icon_string .= '<img src="' . WC_STRIPE_PLUGIN_URL . '/assets/images/mastercard.svg" class="stripe-mastercard-icon stripe-icon" alt="Mastercard" />';
$icon_string .= '<img src="' . WC_STRIPE_PLUGIN_URL . '/assets/images/amex.svg" class="stripe-amex-icon stripe-icon" alt="American Express" />';
$icon_string .= '<img src="' . WC_STRIPE_PLUGIN_URL . '/assets/images/discover.svg" class="stripe-discover-icon stripe-icon" alt="Discover" />';
$icon_string .= '<img src="' . WC_STRIPE_PLUGIN_URL . '/assets/images/diners.svg" class="stripe-diners-icon stripe-icon" alt="Diners" />';
$icon_string .= '<img src="' . WC_STRIPE_PLUGIN_URL . '/assets/images/jcb.svg" class="stripe-jcb-icon stripe-icon" alt="JCB" />';
}

return $icon_string;

}

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

 

Un saludo

Respondido : 15/01/2024 10:07 am

Cursos Gratuitos WordPress

Santiago
 Santiago
Usuario activo

@pepesoler muchas grácias

Resuelto 🙂 

Respondido : 15/01/2024 10:32 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Santiago.

Nada, Gracias a ti 😀 

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

Respondido : 15/01/2024 10:49 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación