Designvorlagen verwalten und entwerfen
Designvorlagen verwalten und entwerfenMit der uStore NG-Technologie können Sie das Kauferlebnis der Kunden verbessern, indem Sie einer Designvorlage neue Inhalte und Funktionen hinzufügen.
Da Sie vollen Zugriff auf alle HTML- und CSS-Dateien der Designvorlage haben, können Sie 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.
Wenn Sie einer vordefinierten XMPie-Designvorlage Inhalt hinzufügen möchten, müssen Sie die Designvorlage herunterladen, Änderungen daran vornehmen, ausfüllen und als benutzerdefinierte Designvorlage abspeichern. Danach laden Sie es als neue Designvorlage hoch.
Nachfolgend das Fenster Designvorlagenverwaltung, wo alle Designvorlagen aufgelistet sind: Die vordefinierte XMPie-Designvorlage AquaBlue und benutzerdefinierte Designvorlagen, die erstellt wurden (falls vorhanden).
Im Bereich Designvorlagenverwaltung können folgende Vorgänge ausgeführt werden:
· Neue Designvorlage hinzufügen: Öffnen Sie die Seite "Neue Designvorlage", um benutzerdefinierte Designvorlagen hochzuladen und zu veröffentlichen. Der Name der Designvorlage muss eindeutig sein. Nach erfolgreichem Hochladen, wird die neu hochgeladene Designvorlage zur Liste der Designvorlagen hinzugefügt und kann für Shops übernommen werden.
· Verwendet in Shops: Zeigt eine Liste aller Shops an, in denen die ausgewählte Designvorlage derzeit verwendet wird. Wenn Sie die Designvorlage für einen bestimmten Shop ändern möchten, klicken Sie auf den Shop-Namen. Sie werden zur Einrichtungsseite des Shops weitergeleitet. Wählen Sie die gewünschte Designvorlage im Tab Erscheinungsbild aus.
· Herunterladen: Laden Sie eine Designvorlage (ZIP-Datei) herunter, die alle Designvorlagen-Dateien und Anweisungen zum Umgang mit der Designvorlage enthält.
· Ersetzen: Ersetzen Sie die ausgewählte benutzerdefinierte Designvorlage mit einer neuen benutzerdefinierten Designvorlage. Wenn eine Designvorlage ersetzt wird, wird die vorhandene Designvorlage überschrieben und die neue Vorlage wird für alle Shops veröffentlicht, die diese Designvorlage verwenden. Nachdem die Designvorlage erfolgreich ersetzt und veröffentlicht wurde, wechselt das System zur Seite Designvorlagenverwaltung und zeigt die neue Designvorlage an. Vordefinierte Designvorlagen können nicht ersetzt werden.
· Löschen: Nur benutzerdefinierte Designvorlagen können gelöscht werden, wenn sie in keinem der Shops verwendet werden.
· Live Demo - XMPie-Designvorlagen: Bringt Sie zum XMPie Kiosk wo Sie Live Beispiel-Shops mit XMPie-Designvorlagen ansehen können.
· Anleitung zur Designvorlage-Entwicklung: Öffnet eine detaillierte Dokumentation über das Weiterentwickeln von Designvorlagen.
Vordefinierte Designvorlagen können nicht bearbeitet, ersetzt oder gelöscht werden.
So bearbeiten Sie eine Designvorlage:
1. Gehen Sie zu Voreinstellungen > Designvorlagenverwaltung.
Eine Liste mit allen Designvorlagen wird angezeigt.
2. Wählen Sie die Designvorlage aus, die Sie verbessern möchten, entweder eine vordefinierte oder eine benutzerdefinierte Designvorlage und klicken Sie auf Herunterladen.
Eine ZIP-Datei mit allen HTML-Seiten, Assets und CSS der Designvorlage wird auf Ihren Computer geladen.
3. Bearbeiten Sie die Seiten nach Ihren Bedürfnissen wie in der Anleitung zur Designvorlage-Entwicklung beschrieben.
4. Treffen Sie aus Folgendem eine Auswahl:
– Wenn Sie die Designvorlage in der Liste speichern möchten, klicken Sie auf Neue Designvorlage, um die neu erstellte Designvorlage (ZIP-Datei) hochzuladen.
Sie wechseln zurück auf die Seite Designvorlagenverwaltung. Die Designvoralge wird der Liste hinzugefügt und kann jetzt in allen Shops verwendet werden. Sie können die Designvorlage jetzt über Shop-Einrichtung > Erscheinungsbild für einen Shop übernehmen.
– Wenn Sie die aktuelle Designvorlage durch die bearbeitete Vorlage ersetzen möchten, klicken Sie auf Ersetzen.
Die bearbeitete Designvorlage überschreibt die vorhandene Designvorlage und die neue Vorlage wird für alle Shops veröffentlicht, die diese Designvorlage verwenden.