WHITEPAPER
DATUM: 19.03.2015
VERSION: 2.0
Shopware 5 für Händler 3
Shopware 5 für Entwickler 5
Shopware 5 für Designer 7
Shopware 5 auf den Punkt gebracht 9
2
Inhaltsverzeichnis
3
Mit Version 5 wird Shopware ein komplett neues,
konfi gurierbares und Full Responsive ausgelegtes
Frontend erhalten.
Durch die einfachen Anpassungsmöglichkeiten im
Backend ist dieses auch mit dem Standardlayout
sehr schnell auf eigene Bedürfnisse konfi gurierbar
und Ihr Shop ist auf allen aktuell verfügbaren
Endgeräten in optimaler Darstellung erreichbar. Das
steigert die Attraktivität Ihres Shops und damit den
Umsatz. Ergänzend zum neuen Template wurden
auch die Einkaufswelten umfangreich überarbeitet
und vom Funktionsumfang deutlich ausgebaut.
So besteht jetzt die Möglichkeit, Einkaufserlebnisse
zu schaff en, welche Sie individuell für das jeweilige
Endgerät des Besuchers gestalten können.
Außerdem können Sie ganzseitige Präsentationen,
Einkaufswelten und Landingpages erstellen, welche
Ihre Produkte perfekt in Szene setzen.
Für Händler
Freiheit für Ihre Ideen. Unabhängig und fl exibel.
Shopware 5 für Händler
4
Unsere Entwickler haben die Filter enorm verbessert. Ab
sofort können Artikel zusätzlich nach den Eigenschaften Farbe,
Material, Hersteller, Versandkosten, Lieferbarkeit, Preis und
Bewertung sortiert werden. Bei den Eigenschaften können
zudem Bilder hinterlegt werden, die innerhalb des Filterpanels
angezeigt werden. Die Anzahl der verfügbaren Ergebnisse wird
aufgrund der Filterung dynamisch ausgegeben. Filter beziehen
sich nicht mehr nur auf Text-Informationen, sondern können
auch visuell oder in Form von Slidern dargestellt werden. Des
Weiteren sind die verschiedenen Filter nun kombinierbar.
Für Händler
Filter
Shopware 5 für Händler
Bei der Entwicklung von Shopware 5 haben wir auch die Gelegenheit zur grundlegenden Mo-
dernisierung und Refaktorierung genutzt, um eine effi zientere Codebasis zu schaff en. Obwohl
Shopware über ein Plus an neuen Features verfügt, haben wir die Codebasis schlanker und
übersichtlicher gestaltet, was sich unter anderem durch eine Steigerung der Performance be-
merkbar macht – auch und gerade bei größeren Artikelmengen.
Performance
Das Shopware Update wird über einen manuellen Update-Zweig zur Verfügung gestellt oder via
Auto-Updater aus dem Backend heraus durchführbar sein.
Zum neuen Full Responsive Theme wird es auch noch eine Abwärtskompatibilität zum Shopware
4 Emotion Template geben. Shopware 5 ist so ausgelegt, dass der Großteil der Plugins voll-
ständig kompatibel bzw. funktionsfähig bleibt und somit der Umstieg auf die neue Generation
deutlich erleichtert wird.
Update
5
Shopware 5 bietet auch auf technischer Seite viele
Neuerungen und Verbesserungen. So wurden z.B. die
eingesetzten externen Bibliotheken auf die neuesten
Versionen aktualisiert. Des Weiteren wurden neue nützliche
Bibliotheken hinzugefügt. So hielt die HTTP-Client Library
„Guzzle“ Einzug in Shopware 5. Diese ist besonders für
Plugin-Entwickler interessant, die viel mit Schnittstellen
(APIs) zu Drittsystemen arbeiten.
Version 5 setzt PHP 5.4 und MySQL 5.5 als
Mindestanforderung voraus. Neben der verbesserten
Performance für Kunden profi tieren Entwickler vor allem
von den neueren Sprachfunktionen (Traits, Short array
syntax, Function array dereferencing usw.), die jetzt noch
zuverlässiger eingesetzt werden können.
Für Entwickler
Eine neue Basis
Shopware 5 für Entwickler
Ebenso wurde das neue Responsive Template auf modernsten Technologien aufgebaut. Die
Basis bilden hier HTML5 und CSS3. Die Stylings können nun auch im Frontend dynamisch
über LESS defi niert werden. Der eingebaute LESS Compiler macht das Arbeiten mit dieser
Technologie noch einfacher. Für das Komprimieren von JavaScript Code kann der integrierte
JavaScript Kompressor verwendet werden. Dies beschleunigt auch noch einmal den Request
des Kunden.
Responsive
6
Die bedeutendste Neuerung für Entwickler stellen die neuen Core-Klassen dar. Der Prozess
der Ermittlung von Artikeldaten im Frontend wurde komplett überarbeitet. So können sehr
leicht Artikellistings angepasst, erweitert oder neu erstellt werden. Auch bei der Ermittlung
von detaillierten Artikelinformationen wie z.B. den Preisen können die neuen Services hilfreich
sein. Der Zugriff auf die neuen Funktionen wird durch klar definierte und gut dokumentierte
Schnittstellen bereitgestellt. Die ermittelten Daten werden in Struct-Objekte gekapselt und
an den User zurückgegeben. Dieser profitiert nun von klar strukturierten und zuverlässigen
Informationen. Durch die explizite Trennung von Datenermittlung und Datenberechnung
können diese Bereiche sehr einfach ausgetauscht werden, ohne die definierte Rückgabe zu
verändern. So ist es leicht möglich, eine andere Technologie wie z.B. ElasticSearch für die
Datenermittlung zu verwenden.
Diese Flexibilität gepaart mit der klar definierten und verlässlichen Rückgabe zeichnet
die neuen Core-Klassen aus. Weiterhin bietet die neue Struktur auch erhebliche
Performancevorteile. So skaliert diese bei größeren Artikelmengen deutlich besser und zeigt
einen extremen Leistungsgewinn.
Für Entwickler
Refactoring
Shopware 5 für Entwickler
Das ist aber noch nicht alles. Zukünftig haben wir noch einiges mit der neuen Major Version
vor. Die restlichen Core-Klassen werden ebenfalls komplett refaktoriert und auf die neuen
Services umgestellt. Das Zend-Framework wird zukünftig Schritt für Schritt komplett durch
Symfony 2 ersetzt. Langfristig ist es unser Ziel, Shopware vollständig auf Symfony 2 umzustel-
len, inklusive des kompletten Stack (Full-Stack). In diesem Zuge werden die Bestandslibrarys
weiter reduziert und vereinfacht, um die Abhängigkeit zu Drittanbieterbibliotheken zu vermin-
dern. Außerdem ist es geplant, einen einfacheren Weg für Plugin-Entwickler zu schaffen, um
Backend Module abseits von ExtJS zu schreiben.
Roadmap
7
Shopware 5 bietet im Standardumfang ein modernes Full Responsive Theme, welches auf Basis
des sogenannten „Mobile First“-Ansatzes realisiert wurde.
Die Gestaltung des Layouts wurde komplett fl uide umgesetzt und passt sich dadurch an die
unterschiedlichsten Geräte-Größen an. Die standardisierten Breakpoints werden per „min-
width“ defi niert und liegen in 480px, 768px, 1024px und 1260px vor, wodurch eine optimale
Darstellung sichergestellt werden kann – unabhängig davon, auf welchem Endgerät das Theme
angezeigt werden soll.
Die grafi sche Gestaltung orientiert sich am Flat-Design, jedoch sind Call-to-Action-Buttons
sowie Eingabefelder durch leichte Materialität gekennzeichnet und dadurch hervorgehoben.
Für Designer
Die optimale Basis
Shopware 5 für Designer
8
Das Full Responsive Theme lässt sich über einen Konfigurationsdialog schnell in allen
wesentlichen Eigenschaften verändern.
Für erweiterte Anpassungen stehen vorgefertigte LESS-Variablen zur Verfügung.
Neben dem Responsive Theme steht auch ein Bare Theme bereit, welches man als Basis für
eigene Templates verwenden kann.
Für Designer
Konfigurierbare Themes
Shopware 5 für Designer
Modernisierung
OffCanvas-Warenkorb im Standard
Unterstützung für Retina / High DPI Bilder für hochauflösende Bildschirme
Einfachere und logischere Template-Vererbung
Boilerplate / Bare Theme als Basis für eigene Templates
Smarty Plugins können Theme-spezifisch hinterlegt werden
Anpassungen an der Ordnerstruktur, sodass Dateien nicht mehr nach ihrer Position sondern nach deren Anwendungszweck benannt werden
Stark erweiterte Meta-Datei „Theme.php“ als Basis für jedes Theme
Erstellung von Konfigurationsfeldern für Theme-spezifische Einstellungen
Textbausteine können jetzt Theme-spezifisch abgelegt werden
Volle Unterstützung von Rich Snippets auf Basis von schema.org
Responsive State-Manager für jQuery Plugins, um Plugins auf bestimmte Breakpoints einzuschränken
Komplett refaktorierte HTML-Struktur auf Basis von HTML5 mitsamt der strukturellen Elemente
Eingebauter LESS Pre-Prozessor und JavaScript Kompressor in Shopware 5
jQuery Plugin Basis-Klasse, die die Best Practice der Plugin Entwicklung bündelt
9
Shopware 5 auf den Punkt gebrachtDas Wichtigste auf einen Blick
Höhere Conversion und perfekte Usability auf allen Endgeräten
Update bestehender und Verwendung neuer Librarys
Schnell und einfach anpassbares Full Responsive Theme
Neue, inspirierende Einkaufswelten zur Stärkung der Markenidentität
Refaktorierte Codebasis und höhere Performance
Vorgefertigte LESS-Variablen für erweiterte Anpassungen
Templates updatesicher umsetzen (einfache Vererbungshierarchie)
Deutlich vereinfachte Template-Struktur
Enorm verbesserte Sichtbarkeit für Suchmaschinen (SEO)
Großer Wettbewerbsvorteil durch sehr kurze Time-to-Market
Responsive Template basierend auf HTML5 und CSS3
Stärkere Integration von Symfony 2
Für Händler
Für Entwickler
Für Designer
10
Ab April verfügbar