Shopware6 für Entwickler und Digital Marketing Manager

Ziele

Die Intention des Kurses ist es, Entwicklern und Digital Marketing Manager mit vertieften Entwicklerkenntnissen die Entwicklung eines individuellen Shopware6 zu vermitteln.
Nach dem Seminar werden die Beteiligten neben einem Individuellen Theme Module auch verschiedene Bereiche des SW6 Cores angleichen können.

Zielgruppe

• Entwickler für Shopware6 Shops und Digital Marketing Manager mit vertieften Kenntnissen in der Entwicklung von Websites/Shops.

Voraussetzungen

• Vorkenntnisse in HTML, CSS und JavaScript sind Voraussetzung für die Teilnahme an dem Kurs.
• Vor allem die Konzepte für WebEntwicklung (OOP) erleichtern den Kurs.
• Erste Erfahrungen mit dem PHP Framework Symfony sind von Vorteil.

Agenda

Allgemeine Einführung

• Was ist Shopware6 und für wen ist es sinnvoll
• Welche Vorteile bringt Shopware6 für Shopbetreiber
• Lizenzen und Nutzung des Systems

Installation Shopware6

• Shopware6 Installation mit Docker
• Verknüpfung IDE mit lokaler Installation

Tiefer Einblick in die Backend Struktur von SW6

• Ordner Struktur
• File Typen
• Module

Layout und Templates für Storefront

• Einstellen der Kerninformationen

  • Farben
  • Schriftarten
  • Logo und Favicon

• Design von Templates

  • Wie funktioniert TWIG – Ein Grundlageneinstieg
  • Textausgabe und -formatierung mit Twig
  • Daten auslesen mit TWIG
  • Debugging

• SW6 Kern Layouts überschreiben

  • Erstes Custom Theme erstellen
  • Layout und Design an eigene Bedürfnisse anpassen
  • Classen definieren
  • Zusatzfelder definieren und im Frontend einbinden
  • Individuelles SCSS integrieren
  • überschreiben von SCSS

• Bilder einbinden und integrieren

  • Laden von Bildern
  • Aktivieren von Bildern

Individuelles JavaScript

• JavaScript hinzufügen

  • JavaScript Modul
  • Modul Aktivierung

DataFetching mit JavaScript

• Initialisierung JS Modul für DataFetching
• API Call Von Storefront

Update / Anpassen Administration Frontend

• Individuelle CMS Element hinzufügen

  • Administrations Modul erstellen und einbinden

• 6.2 Anpassen von bestehenden Komponenten

• 6.3 individuelles Design

  • neues Design hinzufügen

Dokumente und Email Templates anpassen

• Email Template Footer Custom

  • Welche HTML Tags für beste Kompatibilität
  • Footer Styling
  • Interactive Footer
  • neues Email Template hinzufügen

• Dokument einstellen und anpassen

  • Neues Document

Suchmaschinen Optimierung

• Individuelle URLs für die Produkte einstellen

Analyse des Shops

• Einbinden und aktivieren von Google Analytics mit und ohne PluginSt
• SearchConsole einbinden

Beispielprojekt

• Individuelles Arbeiten an einem Kleinprojekt

Support

• Woher bekomme ich Unterstützung bei Fragen