Mit Isotope.js wird dein Masonry-Layout nicht nur flexibel, sondern bleibt auch immer schön zentriert. Egal, ob auf einem kleinen Smartphone oder einem riesigen Monitor – der Code sorgt dafür, dass das Layout dynamisch angepasst wird und dabei stets in der Mitte bleibt. Erfahre, wie du Spaltenbreite und Abstände direkt aus dem CSS übernimmst und dein Layout optimal auf jede Bildschirmgrösse reagiert.
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.
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.
Mit der beliebten Javascript-Bibliothek Isotope können HTML-Elemente gefiltert und sortiert werden. Für ein Projekt brauchte ich allerdings bei den Buttons eine Toggle-Funktion, welche die Bibliothek von sich aus nicht unterstützt. Im folgenden Beispiel habe ich diese Funktion hinzugefügt.