WHITEPAPER VERSION: 2.0 DATUM: 19.03.2015 Inhaltsverzeichnis 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 Für Händler Shopware 5 für Händler Freiheit für Ihre Ideen. Unabhängig und ﬂexibel. Mit Version 5 wird Shopware ein komplett neues, konfigurierbares 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 konfigurierbar 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 schaffen, 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. 3 Für Händler Shopware 5 für Händler Filter 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. Performance Bei der Entwicklung von Shopware 5 haben wir auch die Gelegenheit zur grundlegenden Modernisierung und Refaktorierung genutzt, um eine effizientere Codebasis zu schaffen. 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 bemerkbar macht – auch und gerade bei größeren Artikelmengen. Update 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 vollständig kompatibel bzw. funktionsfähig bleibt und somit der Umstieg auf die neue Generation deutlich erleichtert wird. 4 Für Entwickler Shopware 5 für Entwickler Eine neue Basis 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 profitieren Entwickler vor allem von den neueren Sprachfunktionen (Traits, Short array syntax, Function array dereferencing usw.), die jetzt noch zuverlässiger eingesetzt werden können. Responsive 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 definiert 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. 5 Für Entwickler Shopware 5 für Entwickler Refactoring 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. Roadmap 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 umzustellen, inklusive des kompletten Stack (Full-Stack). In diesem Zuge werden die Bestandslibrarys weiter reduziert und vereinfacht, um die Abhängigkeit zu Drittanbieterbibliotheken zu vermindern. Außerdem ist es geplant, einen einfacheren Weg für Plugin-Entwickler zu schaffen, um Backend Module abseits von ExtJS zu schreiben. 6 Für Designer Shopware 5 für Designer Die optimale Basis 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 fluide umgesetzt und passt sich dadurch an die unterschiedlichsten Geräte-Größen an. Die standardisierten Breakpoints werden per „minwidth“ definiert 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 grafische Gestaltung orientiert sich am Flat-Design, jedoch sind Call-to-Action-Buttons sowie Eingabefelder durch leichte Materialität gekennzeichnet und dadurch hervorgehoben. 7 Für Designer Shopware 5 für Designer Konfigurierbare Themes 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. 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 Komplett refaktorierte HTML-Struktur auf Basis von HTML5 mitsamt der strukturellen Elemente Volle Unterstützung von Rich Snippets auf Basis von schema.org Eingebauter LESS Pre-Prozessor und JavaScript Kompressor in Shopware 5 Responsive State-Manager für jQuery Plugins, um Plugins auf bestimmte Breakpoints einzuschränken jQuery Plugin Basis-Klasse, die die Best Practice der Plugin Entwicklung bündelt 8 Shopware 5 auf den Punkt gebracht Das Wichtigste auf einen Blick Für Händler Höhere Conversion und perfekte Usability auf allen Endgeräten Neue, inspirierende Einkaufswelten zur Stärkung der Markenidentität Enorm verbesserte Sichtbarkeit für Suchmaschinen (SEO) Großer Wettbewerbsvorteil durch sehr kurze Time-to-Market Für Entwickler Update bestehender und Verwendung neuer Librarys Refaktorierte Codebasis und höhere Performance Responsive Template basierend auf HTML5 und CSS3 Stärkere Integration von Symfony 2 Für Designer Schnell und einfach anpassbares Full Responsive Theme Vorgefertigte LESS-Variablen für erweiterte Anpassungen Templates updatesicher umsetzen (einfache Vererbungshierarchie) Deutlich vereinfachte Template-Struktur 9 Ab April verfügbar 10