Loggen Sie sich in die Administration Ihres Shops ein und klicken Sie im linken Seitenmenü auf „Erweiterungen“ > „Store“. Geben Sie dann in das Suchfeld oben den Namen unserer App ein, also in diesem Fall „Visare Theme (Cloud)“. Anschließend wird die App in einer Box unter dem Kategorie-Filter im Tab „Themes“ angezeigt. Klicken Sie auf die Box, um auf die detaillierte Beschreibung des Themes zu gelangen. Klicken Sie in dieser Ansicht rechts oben auf den blauen Button „Theme hinzufügen“. Nach dem Klick erscheint ein Modal, in welchem Sie den Checkboxen zustimmen müssen, damit Sie die Erweiterung durch Klick auf den Button „Füge die Erweiterung kostenlos hinzu“ zu Ihrem Shop hinzufügen können.
Wenn Sie das Theme erfolgreich über den Store hinzugefügt haben, können Sie dieses installieren. Klicken Sie dazu im linken Seitenmenü der Administration des Shops auf „Erweiterungen“ > „Meine Erweiterungen“. Gehen Sie anschließend in den Tab „Themes“. Jetzt können Sie das Theme durch Klick auf den Link „App installieren“ in Ihrem Shop installieren.
Im Folgenden erklären wir Ihnen, wie Sie das Theme nach der Installation einrichten können.
Sobald Sie das Theme installiert haben, können Sie dieses in der Administration unter „Erweiterungen“ > „Meine Erweiterungen“ im Reiter „Themes“ durch Klick auf den Regler-Button neben dem Theme-Namen in der Spalte „Status“ aktivieren.
Nach der erfolgreichen Installation und Aktivierung des Themes können Sie dieses dem gewünschten Verkaufskanal zuweisen. Das geht unter „Verkaufskanäle“ > „Name des Verkaufskanals“ > Reiter „Theme“ > im Bereich „Theme Zuweisung“ > Button „Theme zuweisen“ oder „Theme ändern“. Dann können Sie das „Visare Theme“ auswählen und mit „Theme übernehmen“ (blauer Button) dem Verkaufskanal zuweisen.
Um die Einstellungen im Theme vorzunehmen, gehen Sie im Backend Menü auf „Verkaufskanäle“> „Name des Verkaufskanals“ > Reiter „Theme“ > im Bereich „Theme Zuweisung“ > Button „Theme bearbeiten“. Hier können Sie die gewünschten Theme-Optionen für die Farben, das Logo, das Favicon, den Footer und vieles mehr setzen. Sobald Sie die gewünschten Theme-Einstellungen gesetzt haben, klicken Sie auf „Speichern“ (blauer Button rechts oben), damit die Änderungen übernommen werden. Denken Sie daran, das Browser-Fenster zu aktualisieren und ggf. Ihren Browser-Cache zu leeren, damit die gewünschten Änderungen angezeigt werden.
Da es stets vorkommen kann, dass das Theme unter bestimmten App- und Shopkonstellationen nicht richtig funktioniert, sollten Sie anschließend testen, ob das Theme in Ihrem Shop wie gewünscht funktioniert. Bitte tätigen Sie ebenso verschiedene Testbestellungen mit unterschiedlichen Konstellationen, Bezahlarten und Bildschirmgrößen, um sicherzustellen, dass das Theme mit Ihrer Shop-Konfiguration, Ihren Erweiterungen und Ihren Inhalten reibungslos und ohne Einschränkungen funktioniert.
Setzen Sie hier die gewünschten Theme-Farben sowie die Farben für die Status-Ausgaben (Erfolg, Information, Hinweis, Fehler) und verschiedene E-Commerce Elemente (Preisfarbe, Kaufen-Button Hintergrundfarbe, Kaufen-Button Text-Farbe, Kaufen-Button Hintergrundfarbe Hover).
Wählen Sie in diesem Bereich die gewünschte Schriftarten sowie die Text-Farben aus.
Setzen Sie hier den gewünschten Modus (Hell, Dunkel, Gradient und vieles mehr) für die seitliche Navigation. Ebenso können Sie hier weitere Darstellungsoptionen, wie beispielsweise einen Schatteneffekt, festlegen.
Hier können das Shop-Logo sowie das Favicon festgelegt werden.
Bei Bedarf kann die Top Bar in diesem Bereich über den Regler deaktiviert werden. Falls die Top Bar aktiv ist, können Sie hier den Inhalt, die Hintergrundfarbe und die Text-Farbe für die Top Bar setzen.
In diesem Bereich können Sie die Links und die Farben für den Footer hinterlegen. Sie können bestimmen, welche drei Links und die zugehörigen Labels in dem unteren Footer-Bereich angezeigt werden sollen. Darüber hinaus können Sie auswählen, ob Sie den kompletten Footer oder nur eine minimalistische Version des Footers in Ihrem Shop anzeigen möchten.
Legen Sie Ihre Social-Media-Kanäle fest, in dem Sie die Links zu Ihrem jeweiligen Social-Media-Kanal eintragen. Folgende Kanäle sind möglich: Facebook, Instagram, Twitter, Pinterest und YouTube. Falls einer der fünf Social-Media-Kanäle nicht im Footer angezeigt werden soll, so lassen Sie das Feld einfach leer.
Sowohl die Hintergrundfarbe für den „Scroll to Top“-Button als auch die Farbe des Pfeils können in diesem Bereich gesetzt werden. Ebenso kann eingestellt werden, dass die Produktnummer auf der Produkt-Detailseite ausgeblendet wird. Falls Sie sich weitere Optionen für das Theme wünschen, schreiben Sie uns gerne eine E-Mail an support@code108.de. Je nach Machbarkeit werden die gewünschten Funktionalitäten in zukünftigen Versionen des Themes umgesetzt.