Si necesitas mostrar a tu cliente información especial en la página de pago cuando selecciona un método de pago, puedes usar el siguiente script personalizado:
add_action('wp_footer', function() {
if (is_checkout()) {
?>
<script>
jQuery(function ($) {
$('<div class="your_css_class_here"></div>').insertAfter('.shop_table.woocommerce-checkout-review-order-table');
woocs_init_payment_meth();
});
function woocs_init_payment_meth() {
jQuery('ul.wc_payment_methods li input').on('click', function (e) {
jQuery('.your_css_class_here').hide();
switch (jQuery(this).attr('id')) {
case 'payment_method_bacs':
jQuery('.your_css_class_here').html('text 1 here');
jQuery('.your_css_class_here').show();
break;
case 'payment_method_cheque':
jQuery('.your_css_class_here').html('text 2 here');
jQuery('.your_css_class_here').show();
break;
}
setTimeout(woocs_init_payment_meth, 777);
return true;
});
}
</script>
<?php
}
});
- Coloca el script en el archivo functions.php de tu tema de WordPress actual
- Reemplaza en el script la clase CSS 'your_css_class_here' por la que necesites, crea la tuya propia
- Escribe el texto para los métodos de pago si se ajusta a la lógica de negocio de tu sitio
- Para obtener los identificadores de los métodos de pago, usa el navegador Chrome –> haz clic derecho en el input de radio –> presiona allí 'ver código' –> obtén el ID del método y úsalo en el switch del script anterior
