Theme - Einstellungen

Schritte zur Anpassung des Themes

  1. Klicke im Hauptmenü auf Online-Shop und wähle dann Themes. Die Liste der geladenen Themes wird angezeigt.
  2. Stelle sicher, dass das gewünschte Theme entweder im Kundenansicht aktiviert oder im Sandbox-Ansicht aktiviert Modus ist.
  3. Klicke am gewünschten Theme rechts auf Anpassen. Der Theme-Editor wird geöffnet.
  4. Nimm die gewünschten Anpassungen im Theme-Editor vor.
  5. Klicke auf Speichern, um die Änderungen zu übernehmen.

Themes Übersicht

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.

Übersicht Theme-Editor

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

Farbe

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.

Social Media

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.

Favicon

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.

Allgemein

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 (``, `

Erweitert

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.

Version