Frisch zertifiziert: Shopware 6 Certified Template Designer

Letzte Woche Dienstag war ich bei Shopware in Schöppingen – praktischerweise nur eine halbe Autostunde von Rheine entfernt – zum Live-Training für das neue Shopware-6-Template. Und seit heute ist es offiziell: Ich darf mich Shopware 6 Certified Template Designer nennen.

Shopware 6 steht kurz vor dem Durchbruch, und ich will von Anfang an wissen, wie das neue Storefront-Template tickt. Vorausgesetzt wurden für das Training gute HTML- und CSS-Kenntnisse sowie Erfahrung mit responsivem Webdesign – das passte.

Erste Schritte in Shopware 6

Los ging es mit den verschiedenen Wegen, Shopware 6 überhaupt zum Laufen zu bringen: Vagrant, Docker, MAMP beziehungsweise XAMPP und Valet Plus. Danach standen die Technologien im Mittelpunkt, die hinter dem neuen Storefront-Template stecken.

Die Technologien im Überblick

• Symfony 4.3.2 als zugrunde liegendes Framework
• Twig als Template Engine – sie löst das aus Shopware 5 vertraute Smarty ab
• Bootstrap 4 mit konsequentem Mobile-First-Ansatz
• SASS/SCSS anstelle von LESS
• ECMAScript 6 als standardisiertes JavaScript
• webpack als Build-Tool

Ich kenne Smarty und LESS aus Shopware 5 in- und auswendig – umso spannender finde ich diesen Schnitt: Fast der komplette Frontend-Stack wird ausgetauscht, und zwar durchweg gegen Standards, die sich außerhalb der Shopware-Welt längst bewährt haben.

Praxis: Produktdetailseite mit Bootstrap Cards

Im Praxisteil haben wir die Produktdetailseite mit Bootstrap Cards neu aufgebaut. Die Mischung aus Theorie und Übungen hat für mich gut gepasst, und der Schulungsraum kann sich sehen lassen: 24 Plätze mit Linux-Desktops, PhpStorm und einer fertig eingerichteten Shopware-6-Umgebung.

Fazit

Nach dem Training gab es einen Link zur Online-Zertifizierung, die ich direkt gemacht habe – das Ergebnis hängt jetzt hier. Für die ersten Shopware-6-Projekte, die bei mir anstehen, fühle ich mich damit gut gerüstet.