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