Übersicht Designvorlagen
Übersicht DesignvorlagenuStore NG ist eine neue Frontend-Technologie mit der Sie die Storefront wie nie zuvor anreichern können. Look&Feel der Storefront sowie dessen Inhalt und Funktionen können mit einfach anzuwendenden Standard-Technologien benutzerdefiniert angepasst werden.
Flexibilität bei der Gestaltung des Kauferlebnisses
Theme-Editor und Designvorlagenverwaltung
uStore NG umfasst eine vordefinierte Designvorlage, die speziell für Ihren Onlineshop entworfen wurde. Mit dem WYSIWYG Theme-Editor können Designvorlagen innerhalb von Sekunden an die Markenrichtlinien Ihres Unternehmens angepasst werden.
Mit dem Theme-Editor lassen sich Design-Elemente wie Schriftarten, Farben und Bilder leicht steuern. Die von Ihnen gemachten Änderungen werden als Entwurf gespeichert. Sie können eine Vorschau ansehen und die Änderungen im Onlineshop veröffentlichen.
Noch mehr Design-Freiheit erreichen Sie durch die Bearbeitung des CSS-Codes im Theme-Editor. Außerdem können Sie mit den in CSS vorhandenen Variablen mit nur einer Änderung mehrere Elemente der Benutzeroberfläche gleichzeitig anpassen.
Mit der uStore NG-Technologie können Sie das Kauferlebnis der Kunden verbessern, indem Sie neue Inhalte und Funktionen hinzufügen.
Wenn Sie eine Designvorlage herunterladen, erhalten Sie vollen Zugriff auf alle HTML- und CSS-Dateien in der Storefront. So wird das Hinzufügen von HTML-Inhalten zum Shop ganz einfach. Das Hinzufügen von Text und Bildern auf der Startseite war noch nie so einfach.
Dank dieser Funktionen können Sie die Designvorlage weiterentwickeln. Sie können beispielsweise neue Verhaltensweisen und Flows hinzufügen, indem Sie in den HTML-Seiten benutzerdefinierten Code eingeben. Dazu können die drei von uStore NG zur Verfügung gestellten Technologien verwendet werden: ReactJS-Code hinzuzufügen, uStore NG Core Library zum Abrufen und Bearbeiten von Daten und REST APIs, die eine Interaktion mit dem Backend von uStore ermöglichen.
uStore enthält eine vordefinierte Designvorlage, die speziell für die Anforderungen Ihres Onlineshops entworfen wurde. Die uStore NG-Designvorlage entspricht den neuesten Trends: für mobile Geräte ausgerichtet, visuell ansprechend, hübsch und lebhaft. Die Designvorlage konzentriert sich auf Design, Interaktivität und Benutzererfahrung.
Skins werden für Legacy-Shops verwendet. Designvorlagen werden für uStore NG-Shops verwendet. Im Gegensatz zu Skins steuern Designvorlagen sowohl Aussehen als auch Funktionalität des Shops. Da Sie Zugriff auf die HTML-Seiten haben, können Sie HTML-Inhalte und Code zu den Seiten hinzufügen. Sie können der Startseite beispielsweise ein Cross-Sell-Fenster hinzufügen, den Banner durch einen Slider ersetzen oder eine neue FAQ-Seite hinzufügen. So können Sie eine vorhandene Designvorlage mit benutzerdefinierten Funktionen anreichern, die nicht standardmäßig enthalten sind.
Wenn Sie einfache Anpassungen an der Designvorlage des Shops machen möchten (Farben, Schriftarten, Logo, Bilder usw. ändern), wird die Verwendung des Theme-Editors empfohlen. Die im Editor vorgenommenen Änderungen sind pro Shop und wirken sich nicht auf die Master-Designvorlage (XMPie) aus.
Wenn Sie die Designvorlage weiter ausbauen möchten - HTML-Inhalt und Code hinzufügen oder Änderungen am Design vornehmen, die nicht über den Editor möglich sind - tun Sie dies über die Designvorlagenverwaltung.
Sehen Sie sich eine Anleitung zur Einführung in uStore NG-Designvorlagen an 
Designvorlage für den Shop auswählen
Designvorlagen mit dem Theme-Editor anpassen
Designvorlagen verwalten und entwerfen