Theme - Einstellungen
Schritte zur Anpassung des Themes
- Klicke im Hauptmenü auf Online-Shop und wähle dann Themes. Die Liste der geladenen Themes wird angezeigt.
- Stelle sicher, dass das gewünschte Theme entweder im Kundenansicht aktiviert oder im Sandbox-Ansicht aktiviert Modus ist.
- Klicke am gewünschten Theme rechts auf Anpassen. Der Theme-Editor wird geöffnet.
- Nimm die gewünschten Anpassungen im Theme-Editor vor.
- Klicke auf Speichern, um die Änderungen zu übernehmen.
Aufbau des Theme-Editors
Auf der linken Seite steht das Hauptmenü. Oben befindet sich ein Umschalter von Einstellungen (jetzt aktiviert) und Bereiche. Darunter stehen die unter Einstellungen verfügbaren Funktionen.
Das Vorschaufenster zeigt die Startseite des Shops. Oben kannst du auf die Vorschau für anderen Seiten des Shops schalten: Home (die Startseite, jetzt eingeschaltet), Produkt, Produktgruppe und Warenkorb. Unten rechts kannst du die Ansicht umschalten auf Tablet und Smartphone.
Oben rechts befindet sich der Button Speichern. Dieser wird erst aktiv, wenn du Änderungen vornimmst. Nach dem Speichern werden deine Änderungen übernommen und im Vorschaufenster angezeigt.
Farbe
Eine Vorgabe für das Farbkonzept der Seite befindet sich unter Einstellungen im Theme-Editor. Du kannst die Farben für die folgenden Elemente bearbeiten:
- Farbe der Buttons im Merkzettel
- Farbe der mobilen Navigation
Social Media
Du kannst Twitter, Facebook, Instagram und YouTube verlinken. Kopiere einfach die Links in die Eingabefelder für die jeweiligen Social-Media-Kanäle.
Favicon
Das Favicon ist das kleine Icon, das im Reiter deines Browsers angezeigt wird, wenn dein Shop aufgerufen wird. Lade eine kleine Bilddatei im Format PNG mit den Abmessungen 32 x 32 Pixel.
Allgemeine Einstellungen
- Steuerhinweis: Aktivieren, falls du als Kleinunternehmer von der Mehrwertsteuer befreit bist. Dadurch wird der entsprechende Hinweis im Checkout angezeigt.
- Checkout: Setze den Haken, wenn deine Kunden nach dem Klick auf "Zum Warenkorb" direkt in den Checkout geleitet werden sollen. Ohne Haken bleiben die Kunden im Warenkorb.
Erweiterte Optionen
Du kannst ein eigenes CSS verwenden, das die Datei layout/theme.liquid
überschreibt. Außerdem können der Kopf- und Fußbereich mit eigenem HTML versehen werden (``, `
Versionsinformationen
Wenn du dich an den Support wendest, kann es hilfreich sein, wenn du die Versionsnummer deines Designs nennen kannst. Diese findest du im Theme-Editor unter Einstellungen > Allgemeine Einstellungen > Versionsinformationen.