Alles über Shop-Designs

Deine Shop-Designs findest du unter Online-Shop > Themes.
Sie werden in einer Liste angezeigt:
Shop-Designs

Zum Start ist nur ein kostenfreies Design installiert, du kannst weitere unter Aktionen laden.

Zwei kostenfreie Designs

Wir stellen dir zwei kostenfreie Designs zur Verfügung: Astor und SwiftEcom. Sie unterscheiden sich nicht nur in der Optik, sondern auch technisch.

Astor

Das Design Astor wird komplett in deinen Shop geladen. Das bedeutet, dass du - oder deine Dienstleister - Änderungen im Code vornehmen und so individuelle Anpassungen umsetzen können. Es bedeutet aber auch, dass eine neue Version dieses Designs immer auch neu eingerichtet werden muss.

SwiftEcom

Das Design SwiftEcom wird nicht in deinen Shop geladen, sondern der Code wird zentral zur Verfügung gestellt. Das bedeutet, dass der Code nicht individuell angepasst werden kann, Updates aber auch direkt automatisch zur Verfügung stehen.

Premium Designs

Im Theme Store findest du weitere Shop-Designs. Diese erwirbst direkt vom Anbieter gegen einen einmaligen Kaufpreis. Dir wird eine Datei zugesendet, die du unter Online-Shop > Themes hochlädst. Wie beim Design Astor, kannst du hier auch den Code verändern (lassen), um individuelle Anpassungen zu bekommen.

Kunden- und Sandbox-Ansicht

Wenn du mehrere Designs installiert hast, kannst du zwischen folgenden Ansichten wählen:

  • Kundenansicht: Diese Ansicht sehen deine Kunden.
  • Sandbox-Ansicht: Diese Ansicht ist nur für dich sichtbar. Du kannst in dieser Ansicht Änderungen am Design vornehmen, während deine Kunden ein anderes Design sehen.

Sandbox

Nicht aktivierte Designs bleiben in der Liste und können jederzeit wieder aktiviert werden.

Einrichtung von Designs

Das Einrichten ist mit allen Designs gleich:

  1. Klicke auf Anpassen neben dem gewünschten Design.

Anpassen

Ein neuer Tab in deinem Browser wird geöffnet und zeigt den Design-Konfigurator.

  1. Wechsle zwischen "Einstellungen" und "Bereiche" links oben im Menü.

Einstellungen

Einstellungen

Lege generelle Einstellungen fest, wie Farben, Schriftgrößen usw.

Bereiche

Bearbeite die vier Seitentypen deines Shop-Designs:

  • Startseite
  • Produktgruppen-Seite
  • Produktseite
  • Warenkorb

Navigiere dazu im Vorschaufenster auf diese Seiten, dann werden dir die jeweils zur Seite passenden Einstellungen angeboten.

Beachte, dass Premium-Designs einzigartige Funktionen enthalten können, die spezifisch für dieses Design sind. Daher können wir keine allgemeinen Anleitungen für diese spezifischen Funktionen bereitstellen.

Theme Key und Bearbeitung von HTML/CSS

Der Theme Key wird nur in seltenen Fällen vom Support-Team benötigt.

Bearbeitung von HTML/CSS

Du hast vollen Zugriff auf die Template-Dateien. So bearbeitest du sie:

  1. Klicke auf die drei Punkte neben dem gewünschten Design und wähle "HTML/CSS bearbeiten" aus.
  2. HTML-Editor:
    • Zugriff auf alle Design-Dateien
    • Direkte Bearbeitung der Dateien im Editor
  3. FTP-Zugriff:
    • Optionaler Zugriff auf den Template-Ordner
    • Bearbeitung der Dateien mit deinem bevorzugten Editor

Die FTP-Zugriffsdaten findest du unter "Einstellungen" > "Weitere Einstellungen" > "FTP-Zugriff".
Key