So richten Sie das Theme „Freedom“ ein

Hier erfahren Sie, wie Sie Ihr neues Theme einrichten und für Ihren Onlineshop anpassen. Bitte lesen Sie die Anleitung genau und folgen Sie den beschriebenen Schritten.

Jetzt starten
Header Bild
Schritt 1
Importieren Sie Ihr neues Theme
Schritt 2
Nehmen Sie Anpassungen vor
Schritt 3
Aktivieren Sie Ihr Theme

Wichtige Informationen vor dem Start

Einige Änderungen wirken sich direkt auf Ihren Shop aus!
Wir empfehlen Ihnen, das Theme zu einer Zeit einzurichten, zu der nur wenige Besucher in Ihrem Shop sind (zum Beispiel nachts). Die Einrichtung dauert ungefähr ein bis zwei Stunden.

Haben Sie schon eine Sicherheitskopie erstellt?
Falls Sie bereits ein anderes Design nutzen, erstellen Sie von Ihrem bisherigen Shopdesign und Ihren aktuellen Inhalten eine Sicherheitskopie:

Bitte beachten Sie außerdem:

  • Die Anpassungsmöglichkeiten sind eingeschränkt. Bitte beachten Sie, dass wir keine Gewährleistung für Änderungen übernehmen können, die nicht in dieser Anleitung aufgeführt sind.
  • Bitte stellen Sie sicher, dass Ihr Shop alle Voraussetzungen erfüllt, die für das jeweilige Theme im Themestore genannt werden.
  • Bei diesem Theme werden sechs Produkte auf der Startseite angezeigt. Sie können unter Inhalt / Kategorien >> Datenblattansicht >> Produkte festlegen, welche Produkte auf der Startseite angezeigt werden.
  • Im Administrationsbereich unter Gestaltung >> Erweiterte Gestaltung können Sie Schriftarten und Farben ändern.
  • Seitenelemente (z.B. die Suchfunktion) und ihre Anordnung können verändert werden. Da die exakte Position der Elemente nicht garantiert werden kann, empfehlen wir Ihnen, hier keine Änderungen vorzunehmen.
  • Das Icon für den Warenkorb lässt sich nicht verändern.

Schritt 1: So importieren Sie Ihr neues Theme

  1. Wählen Sie im Administrationsbereich im Hauptmenü Gestaltung und dann Meine Themes.
    Meine Themes
  2. Wählen Sie am Ende der Seite Theme importieren.
    Theme importieren
  3. Beachten Sie, dass mit den folgenden Schritten alle aktuellen Inhalte Ihrer Startseite überschrieben werden. Es kann sich dabei sowohl um Texte, Bilder oder andere Inhalte handeln, die auf Ihrer Startseite zusätzlich zu den Produkten angezeigt werden.

    Um eine Sicherheitskopie Ihrer Inhalte zu erstellen, führen Sie zunächst diese Schritte durch, bevor Sie mit Schritt 3 und 4 fortfahren.

  4. Wählen Sie Datei auswählen und laden Sie von Ihrem Computer die Theme-Datei hoch, die Sie von uns erhalten und dann entpackt haben – z.B. beispiel-theme.zip. Aktivieren Sie die Option Inhalt der Startseite beim Importieren überschreiben.
    Datei auswählen
  5. Wählen Sie Importieren.

  6. Nach einem erfolgreichen Import wird Ihr Theme am Ende der Seite aufgelistet.
    Ihr Theme am Ende der Seite aufgelistet

Wussten Sie schon, dass Sie Ihre Themes auch vor der Aktivierung bearbeiten können?

Wir empfehlen Ihnen, das Theme vor dem Aktivieren in aller Ruhe einzurichten. Fahren Sie einfach mit den nächsten Schritten fort, bevor Sie das Theme in Ihrem Shop aktivieren.


Schritt 2: Nehmen Sie Anpassungen vor

Auch wenn Ihr neues Theme so gut wie startbereit ist, sind bei Designänderungen in der Regel Anpassungen Ihrer bisherigen Inhalte notwendig, wie beispielsweise der Austausch der Platzhalter mit Ihren eigenen Bildern.
Austausch der Platzhalter

Wählen Sie ein Kopfzeilen-Bild aus

Sie müssen die Platzhalter in der Kopfzeile durch ein eigenes Bild ersetzen. Für das Bild empfehlen wir eine Größe von 2000 x 1200 Pixeln.

Wie Sie das Kopfzeilen-Bild austauschen

  1. Wählen Sie im Administrationsbereich im Hauptmenü Gestaltung und dann Meine Themes.
    Meine Themes
  2. Suchen Sie das von Ihnen importierte Theme und wählen Sie Erweiterte Gestaltung starten.
    Erweiterte Gestaltung starten
  3. Klicken Sie auf das Kopfzeilenbild.
    Kopfzeilen-Bereich
  4. Wählen Sie Datei einfügen.
    Datei einfügen
  5. Wählen Sie Eigene Dateien.
    Eigene Dateien
  6. Falls Sie ein neues Bild von Ihrem Computer hochladen möchten, wählen Sie Dateien hochladen. Ansonsten fahren Sie mit dem nächsten Schritt fort.
    Dateien hochladen
  7. Wählen Sie das Kopfzeilenbild aus, das Sie verwenden möchten. Bitte beachten Sie, dass das Bild eine Größe von 2000 x 1200 Pixeln haben sollte.
    Wählen Sie das Bild aus
  8. Wählen Sie Ok.

  9. Speichern Sie die Änderungen.
    Speichern Sie

Sie haben Ihr neues Kopfzeilenbild nun eingerichtet.

Wie Sie den Button im Kopfzeilen-Bild ändern

  1. Wählen Sie im Administrationsbereich im Hauptmenü Gestaltung und dann Meine Themes.
    Meine Themes
  2. Suchen Sie das von Ihnen importierte Theme und wählen Sie Erweiterte Gestaltung starten.
    Erweiterte Gestaltung starten
  3. In der Vorschau sehen Sie in der Kopfzeile den „View collection“-Button. Um den Text des Buttons zu ändern, bewegen Sie den Mauszeiger über den Button und wählen Sie das Bleistift-Icon. Wenn der Button nicht sichtbar ist, befolgen Sie bitte diese Schritte.
    Shop Button ändern
  4. Der Text des Buttons kann nur im Quellcode geändert werden. Wählen Sie das Quellcode-Icon auf der rechten Seite.
    Wählen Sie das HTML-Icon
  5. Ändern Sie im Quellcode den Text des Buttons.
    Ändern Sie den HTML Code

Wenn ein Kunde in Ihrem Shop auf den Button klickt, wird automatisch zu den Produkten unten auf der Startseite gescrollt. Damit dies weiterhin funktioniert, dürfen Sie den Link des Buttons nicht ändern.

  1. Wenn Sie in Ihrem Shop mehrere Sprachen nutzen, wählen Sie eine andere Sprache und wiederholen Sie die Schritte 4-6 für jede Sprache. Wenn für die anderen Sprachen der Button nicht angezeigt wird, befolgen Sie bitte diese Schritte.
    Sprachen anpassen
  2. Wählen Sie Übernehmen.
    Wählen Sie Übernehmen
  3. Speichern Sie.
    Speichern Sie

Wie Sie die Farben in der Kopfzeile ändern

Die Navigationsleiste und ihre Elemente (zum Beispiel die Menüpunkte) haben zwei verschiedene Status:

  • Auf der Startseite sind die Elemente in der Navigationsleiste vorerst weiß und die Hintergrundfarbe ist durchsichtig.
  • Wenn ein Kunde auf der Startseite nach unten scrollt, sowie auf allen anderen Unterseiten Ihrer Website, ist die Hintergrundfarbe der Navigationsleiste weiß und die Elemente schwarz.

Sie können die Farben für diese beiden verschiedenen Status ändern.

  1. Wählen Sie im Administrationsbereich im Hauptmenü Gestaltung und dann Meine Themes.
    Meine Themes
  2. Wählen Sie beim importierten Theme Erweiterte Gestaltung starten.
    Erweiterte Gestaltung starten
  3. Klicken Sie auf die Kopfzeile.
    Kopfzeilen-Bereich
  4. Um die Farben der Elemente zu ändern, die auf der Startseite standardmäßig weiß sind, wählen Sie bei Überschrift, Text, Verknüpfung und Hervorhebung die gewünschten Farben aus.
    Wählen Sie die gewünschte Farbe
  5. Speichern Sie.
    Speichern Sie
  6. Wenn Sie die Farben in der Navigation ändern möchten, die beim Runterscrollen auf der Startseite oder auf anderen Unterseiten Ihrer Website zu sehen sind, aktivieren Sie die Fußzeile. Wenn Ihnen in der Multifunktionsleiste die Auswahl der Seitenbereiche nicht angezeigt wird, klicken Sie bitte in der Vorschau auf den grauen Hintergrund links oder rechts neben dem Theme.
    Aktivieren Sie den Footer
  7. Klicken Sie in der Vorschau ganz unten auf die Fußzeile.
    Klicken Sie auf den Footer
  8. Wählen Sie bei Überschrift, Text, Verknüpfung und Hervorhebung die gewünschten Farben aus.
    Wählen Sie die gewünschte Farbe
  9. Speichern Sie.
    Speichern Sie
  10. Deaktivieren Sie die Fußzeile. Wenn Ihnen in der Multifunktionsleiste die Auswahl der Seitenbereiche nicht angezeigt wird, klicken Sie bitte in der Vorschau auf den grauen Hintergrund links oder rechts neben dem Theme.
    Deaktivieren Sie den Footer
  11. Speichern Sie.
    Speichern Sie
Die Farben der Elemente in der Kopfzeile sind nun geändert.

Schritt 3: Aktivieren Sie Ihr Theme

  1. Wählen Sie im Administrationsbereich im Hauptmenü Gestaltung und dann Meine Themes.
    Meine Themes
  2. Wählen Sie beim importierten Theme Jetzt verwenden.
    Jetzt verwenden

Ihr neues Theme wurde jetzt aktiviert.


Anhang

Wie Sie eine Sicherheitskopie für Ihr bisheriges Shopdesign erstellen

Falls Sie bereits ein anderes Theme in Ihrem Shop benutzen, empfehlen wir Ihnen, vor der Installation eines neuen Themes eine Sicherheitskopie zu erstellen.

  1. Wählen Sie im Administrationsbereich im Hauptmenü Gestaltung und dann Meine Themes.
    Meine Themes
  2. Wählen Sie beim importierten Theme Sicherheitskopie anlegen.
    Sicherheitskopie anlegen

Sie haben eine Sicherheitskopie für Ihr aktives Shopdesign erstellt, welche Sie nun am Ende der Seite finden können.

Wie Sie eine Sicherheitskopie für die bisherigen Inhalte Ihrer Startseite erstellen

Falls Sie bereits ein anderes Shopdesign verwenden, erstellen Sie bitte eine Sicherheitskopie für die bisherigen Inhalte Ihrer Startseite – wie beispielsweise für Bilder und Texte.

  1. Wählen Sie im Administrationsbereich im Hauptmenü Inhalt / Kategorien und dann Datenblattansicht.
    Datenblattansicht
  2. Wählen Sie Seiten.
    Wählen Sie Seiten
  3. Geben Sie am Ende der Tabelle in der Spalte Name den Namen für Ihre Sicherheitskopie ein – zum Beispiel „Sicherheitskopie Inhalte Startseite”.
    Namen für Ihre Sicherheitskopie
  4. Speichern Sie.
    ´
  5. Wählen Sie Allgemein.
    Wählen Sie Allgemein
  6. Kopieren Sie die Inhalte der Startseite, die Sie gerne behalten möchten – z.B. Texte und Bilder im Feld Erweiterte Beschreibung.
    Erweiterte Beschreibun
  7. Wählen Sie Seiten.
    Wählen Sie Seiten
  8. Wählen Sie in der Tabelle die Seite aus, die Sie in Schritt 3 erstellt haben.
    Wählen Sie in der Tabelle die Seite aus
  9. Wählen Sie Texte.
    Wählen Sie Texte
  10. Fügen Sie die Inhalte, die Sie kopiert haben, in das entsprechende Feld ein – zum Beispiel Erweiterte Beschreibung.
    Erweiterte Beschreibungn
  11. Speichern Sie.
    Speichern Sie
  12. Wenn Sie weitere Inhalte Ihrer Startseite speichern möchten, wählen Sie Startseite und wiederholen Sie die Schritte 5 bis 11.

  13. Wenn Sie in Ihrem Shop mehr als eine Sprache nutzen, wählen Sie eine andere Sprache und wiederholen Sie die Schritte 5-12. Wenn Ihnen für eine Sprache kein Text angezeigt wird, folgen Sie bitte dieser Anleitung.
    Speichern Sie

Sie haben jetzt eine Sicherheitskopie für die Inhalte Ihrer Startseite erstellt. Sie können jetzt den Import des neuen Themes starten, bei dem die alten Inhalte Ihrer Startseite überschrieben werden.

Die Widerrufsseite anpassen

Auf den Produktseiten Ihres Shops gibt es einen Link namens “Versand”:
Versand
Wenn Sie die Standardeinstellungen nicht geändert haben und auf eine andere Seite verlinkt haben, führt dieser Link zu einer Seite, die Ihre Besucher über das Widerrufsrecht informiert. Diese Seite ist eventuell nicht mit Ihrem neuen Theme kompatibel. Deshalb müssen Sie den Link ändern.

  1. Wählen Sie im Administrationsbereich im Hauptmenü Produkte und dann Produkteinstellungen.
    Produkteinstellungen
  2. Wählen Sie Texte.
    Wählen Sie Texte
  3. Klicken Sie mit der rechten Maustaste im oberen Textfeld auf das Wort „Versand“ und wählen Sie Link editieren.
    Link editieren
  4. Wählen Sie die Seite Widerrufsrecht.
    Widerrufsrecht
  5. Wählen Sie Übernehmen.

  6. Wiederholen Sie die Schritte 3-6 für jedes Textfeld, das den „Versand“-Link enthält.

  7. Speichern Sie die Änderungen.
    Speichern Sie die Änderungen
  8. Wenn Sie in Ihrem Shop mehr als eine Sprache nutzen, wählen Sie eine andere Sprache und wiederholen Sie die Schritte 3-8 für jede Sprache.
    Wiederholen Sie die Schritte
  9. Wählen Sie Hinweistexte für Nettopreise.
    Hinweistexte für Nettopreise
  10. Wiederholen Sie die Schritte 3-8 für jedes Textfeld, das den „Versand“-Link enthält.