SHOPWARE TEMPLATES

Wie müssen Themes gestaltet werden, damit Shopware sie anzeigen kann? Folgende Anforderungen müssen erfüllt werden:

• Responsives Design

Das Theme muss weiterhin responsiv sein, also für alle Endgeräte gleichermaßen gut nutzbar. So können Kunden auch über mobile Geräte wie Smartphones oder Tablets auf Ihren Webshop zugreifen und können trotzdem Ihr Shopware Template in gute Qualität genießen.

• CSS3 (LESS) und HTML

Es muss sowohl CSS3 als auch HTML fähig sein. Sie gehören zu den Kernsprachen des Internet. CSS3 ist die dritte Version der Cascading Style Sheets. Sie wird benötigt, um das Aussehen aller Elemente einer Website festzulegen. HTML definiert den konkreten Seitenaufbau und quasi das Skellett einer einzelnen Webseite, CSS3 ist für die Formatierung aller Elemente zuständig, z.B. Farben, Schatten und Fettdruck.

• Intuitive Farbkonfiguration im Backend

Die Farbkonfiguration muss im Backend eingestellt werden, bevor das neue Theme gelauncht wird.

• Optimierung für Retina-Displays der Apple-Bildschirme

Viele Nutzer weltweit nutzen die Produkte von Apple. Aus diesem Grund muss das erstellte Theme auch für die Retina-Displays der Apple- Geräte ausgelegt sein. Es dürfen sich keine Darstellungsfehler zeigen.

Die Shopware Themes können mit LESS angepasst werden.

• Was ist LESS?

Less ist eine Stylesheet-Sprache, die das Schreiben von CSS effizienter macht. Wichtig ist jedoch: Programme, die normal mit LESS arbeiten, können auch CSS umsetzen.

• Verwendung von Variablen im LESS Code

Die Verwendung von Variablen im LESS Code ermöglicht es, häufig verwendete Werte und Eigenschaften an mehreren Stellen zu nutzen. Auch eine Abwandlung ist so schneller möglich, beispielsweise bei Farben.

• Mixins

In den sogenannten Mixins können mehrere Eigenschaften definiert werden. Sie sind ähnlich anwendbar wie Variablen und können auch Parametern übergeben werden. Das ermöglicht die leichtere Generierung von Codes mit mehreren Herstellerpräfixen, da diese nicht jedes Mal angegeben werden müssen.

• Verschachtelung von Selektoren

Das Verschachteln von Selektoren kann den Code verkürzen. So wird er übersichtlicher und Fehler können reduziert oder sogar vermieden werden.

• Erhöhte Flexibilität durch Funktionen und Operatoren

Mit LESS können arithmetische Funktionen und Operationen zur Berechnung von Werten angewendet werden. Funktionen modifizieren Werte auf komplexe Art. Das kommt beispielsweise zum Einsatz, wenn Farbwerte verändert werden müssen.