Artikel unter: ajax

Mini-Cart-Template als Block

Damit die Filter und Hooks im Mini-Cart-Block von WooCommerce weiterhin ihre magische Wirkung entfalten können, nehmen wir das Mini-Cart-Template und geben ihm ein neues Zuhause unter /dein-theme/woocommerce/cart/. Dort wird es dann nach unseren Vorstellungen angepasst. Diese kleine Veränderung eröffnet uns eine Welt voller Möglichkeiten, denn wir können nun die advanced custom fields nutzen und sie mit den bestehenden Hooks im Mini-Cart verbinden. Das ist sozusagen wie die Sahnehaube auf dem Eisbecher – unglaublich nützlich! Besonders dann, wenn wir Produkte haben, die ACF-Felder verwenden und wir diese kleinen Schönheiten gerne im Mini-Cart zeigen möchten.

Mehrseitiges Formular per Ajax entwickeln

Ein grossartiges Benutzererlebnis ist wie ein massgeschneiderter Anzug – nahtlos und perfekt angepasst. Und was könnte nahtloser sein als ein Formular, das mithilfe von AJAX verarbeitet wird? Kein störendes Neuladen der Seite, kein Verlassen des aktuellen Inhalts – stattdessen fliessendes Surfen wie auf einer Wasserrutsche! In diesem Artikel zeigen wir dir, wie du ein mehrseitiges Formular per AJAX in deine Website integrieren kannst.

Safety first: AJAX-Anfragen mit Nonce absichern!

WordPress erklärt Nonce so: Nonce ist wie ein magischer Geheimschlüssel, der URLs und Formulare vor böswilligem Missbrauch schützt. Er ist ein schlauer Hash, der aus Zahlen und Buchstaben besteht. Aber hier kommt der Clou: Nonce ist ein echter Einmalheld! Er wird nur einmal verwendet und hat ein begrenztes Verfallsdatum. Nun zeige ich dir zwei supercoole Methoden, wie du eine AJAX-Anfrage mit Nonce schützen kannst.

Woocommerce Mini Cart: Gutschein via AJAX hinzufügen

In einem Shop-Projekt haben wir aus UX-Design-Gründen die beiden Seiten Warenkorb und Kasse auf einer zusammengefasst, so dass der Zahlungsprozess möglichst kurz gehalten werden kann. Auf der neuen Check-Out-Page kommt als Warenkorb die Woocommerce Mini-Cart zum Einsatz, da diese sowieso schon eingebaut war. Da diese Mini-Cart ihren Inhalt per AJAX empfängt, haben wir nun auch die Gutschein-Funktionalität per AJAX der Mini-Cart hinzugefügt.