Theme - Einstellungen

Anpassung des Themes

1. Klicke im Hauptmenü auf Online-Shop und wähle dann Themes. Die Liste der geladenen Themes wird angezeigt.
2. Klicke am Theme rechts auf Anpassen. Der Theme-Editor wird geöffnet.

Stelle sicher, dass das Theme, das du bearbeiten möchtest, im Modus Kundenansicht aktiviert oder Sandbox-Ansicht aktiviert ist.

Übersicht Theme-Editor

Auf der linken Seite findest du das Hauptmenü. Oben ist ein Umschalter zwischen Einstellungen und Bereiche. Unter Einstellungen sind verschiedene Funktionen zu finden.

Das Vorschaufenster zeigt die Startseite deines Shops. Oben kannst du zwischen den Vorschauen für Home, Produkt, Produktgruppe und Warenkorb wechseln. Unten rechts kannst du die Ansicht für Tablet und Smartphone umschalten.

Oben rechts ist der Button Speichern. Er wird aktiv, sobald du Änderungen vornimmst. Nach dem Speichern werden deine Änderungen im Vorschaufenster sichtbar.

Farben

Du kannst die Farben für folgende Elemente anpassen:

• Seite
• Text
• Schaltflächen
• Formularfelder
• Text auf Fotos
• Sonstiges (Produkt Label und Label Text)

Typographie

• Wähle Schriftarten für Überschriften und Texte aus.
• Passe Schriftgrößen mit einem Schieberegler an.
• Begrenze die Zeichenlänge für Untertitel.

Social Media

Wähle ein Bild für die Vorschau deiner Website, wenn du einen Link in sozialen Medien teilst. Lade ein repräsentatives Bild deines Shops hoch und wähle die sozialen Medien aus, in denen du das Bild teilen möchtest.

Verlinke deine sozialen Medien, indem du die URLs in die vorgesehenen Felder kopierst.

Favicon

Das Favicon ist ein kleines Icon im Browserreiter, wenn jemand deinen Shop besucht. Lade ein PNG-Bild mit 32 x 32 Pixel hoch.

Allgemeine Einstellungen

• Steuerhinweis: Aktiviere diese Option, wenn du als Kleinunternehmer von der Mehrwertsteuer befreit bist.
• Navigationspfad: Zeigt die Brotkrumen-Navigation für eine einfachere Navigation an.
• Checkout: Leitet Kunden direkt zum Checkout, nachdem sie zum Warenkorb hinzugefügt haben.

Altersverifizierung

Aktiviere die Altersverifizierung, wenn du Produkte mit Altersbeschränkung verkaufst. Besucher sehen dann beim ersten Besuch eine Altersabfrage. Du kannst Position, Farben und Texte der Abfrage anpassen.

Erweiterte Optionen

Hier kannst du ein eigenes CSS hinzufügen, das die Datei layout/theme.liquid überschreibt. Du kannst auch eigenen HTML-Code im Kopf- und Fußbereich einfügen (</ head>, < /body>).

Versionsnummer

Bei Fragen oder Problemen mit der Software kann die Versionsnummer deines Themes dem Support helfen.