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.
- Klicke am Theme rechts auf Anpassen. Der Theme-Editor wird geöffnet.
Das Theme, das du bearbeiten möchtest, muss sich im Modus Kundenansicht aktiviert oder Sandbox-Ansicht aktiviert befinden.
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: Falls du als Kleinunternehmer von der Mehrwertsteuer befreit bist.
- Checkout: Setze den Haken, wenn deine Kunden nach dem Klick auf zum Warenkorb direkt in den Checkout geleitet werden sollen.
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 (</ head>, < /body>).
Versionsinformationen
Wenn du dich an den Support wendest, kann es hilfreich sein, wenn du die Versionsnummer deines Designs nennen kannst.