Wenn Sie Ihrem Kunden auf der Checkout-Seite besondere Informationen anzeigen möchten, sobald diese eine Zahlungsmethode auswählen, können Sie das folgende benutzerdefinierte Skript verwenden:
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
}
});
- Fügen Sie das Skript in die Datei functions.php Ihres aktuellen WordPress-Designs ein.
- Ersetzen Sie im Skript die CSS-Klasse 'your_css_class_here' durch eine beliebige andere, die Sie benötigen, und erstellen Sie Ihre eigene.
- Schreiben Sie einen Text für die Zahlungsmethoden, wenn dies der Geschäftslogik Ihrer Website entspricht.
- Um die Anker der Zahlungsmethoden zu erhalten, verwenden Sie den Browser Chrome → klicken Sie mit der rechten Maustaste auf den Radio-Input → drücken Sie dort 'Code anzeigen' → entnehmen Sie die ID der Methode und verwenden Sie diese im Switch des obigen Skripts.
