Eine einfache BackstopJs Test-Instanz

Visuelle Regressionstests. Mit dem folgenden npm Befehl installiert man Backstop global (natürlich ist auch eine lokale Installation oder die Einbindung zum Beispiel in einen Gulp-Task möglich). Voraussetzung ist natürlich das node.js installiert ist und falls ihr nvm nutzt, achtet darauf das ihr mindesten node Version 12 verwendet, ansonsten kann es Probleme mit dem Download des Chromium-Treiber geben.

Ein Gutenberg Block Plugin erstellen

Ich musste kurzfristig das Frontend für einen Wordpress-Website erstellen, da die Pages ausschließlich über Gutenberg erstellt werden und ich ein Design vorliegen hatte, das nicht in einem "Bezahl-Theme" abzubilden war, musste ich mich in den Layout-Builder einarbeiten. Anbei meine Erfahrungen und der ES5 Code, der dabei rausgefallen ist. Da ich kein Wordpress-Entwickler bin, empfehle ich den Code nur als erste Orientierung zu verwenden, tiefer einarbeiten könnt ihr euch hier:

developer.wordpress.org/block-editor/

Gulp 4 mit Browsersync Stream

In der Version 4 von Gulp hat sich die Syntax geändert und noch ist manches meines Erachtens nicht ausreichend dokumentiert, so dass ich die Hilfe von Jan und Google brauchte, um ein funktionstüchtiges Script zu erstellen. Im Folgenden findet ihr den Code, damit ihr euch nicht alles selbst zusammensuchen müsst - ich gehe davon aus, dass die Snippets meist selbst erklärend sind, falls ihr Fragen oder Anmerkungen habt, nutzt bitte den Kommentarbereich.

"Zuletzt angesehen" in Shopware anpassen

Aktuell hatte ich viel Freude mit dem "Last seen" Element in Shopware.

Da das Verhalten des Cache in Shopware für mich ein großes Mysterium ist und bleibt, habe ich etwas länger gebraucht, die passende Stelle im Template zu finden.

Geändert werden sollte die Ausgabe des Artikelnames, bzw. der ergänzende Text zum Artikelname sollte nicht mehr erscheinen ($sArticle.articleName und $sArticle.additionaltext). Hier sollte stattdessen eine Kategorie den Namen des Artikel ergänzen.