academy.shopware.com will be phased out in the near future. We’re currently working hard to bring new learning paths to the Shopware Community Hub - and many of them are already available for you to explore and enroll in today.
A few remaining courses are still hosted here, but will be migrated. Once all content is available in the Shopware Community Hub, academy.shopware.com will be discontinued.
This step allows us to provide a better user experience and create a single point of truth for all community learning resources.
Thank you for your understanding!
Kursbeschreibung
In diesem Training erfährst Du, wie Du Shopware installierst, wie die Software aufgebaut ist und wie Du Dich im Shopware Datei-System zurechtfindest. Des Weiteren erlernst Du, wie Du das Template Deines Shopware Shops professionalisierst und Dein eigenes Theme erstellst, welches Du auch in unserem Community Store anbieten kannst.
Nach diesem Training hast Du die Chance, Dich als "Shopware 6 Certified Advanced Template Designer" auszeichnen zu lassen und das Zertifikat werbewirksam einzusetzen.
Was werde ich lernen?
- Einführung in Shopware 6 JavaScript Plugins
- Erweitern und überschreiben von Shopware 6 JavaScript Plugins
- Responsive JavaScript
- Eventsystem
- u.v.m.
Voraussetzungen
- Absolviertes Shopware 6 certified Template Designer Training
- Gute Kenntnisse JavaScript
- Gute Kenntnisse EcmaScript 6
- Grundkenntnisse PHP und CLI
- Grundkenntnisse VueJS
- Frontend-Entwickler
- Mitarbeiter von Agenturen
Kursstruktur
-
01
Erstellung einer Themekonfiguration
Show details- 1.1 Einleitung
- 1.2 Theme.php
-
02
Ausbau der Themekonfiguration
Show details- 2.1 Themekonfiguration anpassen
- 2.2 Verwendung der Themeconfig in LESS
- 2.3 Verwendung der Themeconfig in Smarty
- 2.4 Eigene Konfigurationsvorlagen
-
03
jQuery-Plugins und der StateManager
Show details- 3.1 Ein eigenes Plugin erstellen
- 3.2 Änderungen durch das Eventsystem
- 3.3 Überschreiben von JS-Plugins
- 3.4 Der StateManager
- 3.5 Überschreiben mit dem Eventsystem
- 3.6 Ein eigenes Javascript-Plugin
- 3.7 Richtiger Einsatz des StateManagers
- 3.4 Zusatzmaterial: StateManager
- 3.4 Zusatzmaterial: Theme