Anpassung des Schaufenster-Designs

Sie können Ihren Shop nahtlos in jede beliebige Website einbinden. Das Standard-Schaufensterdesign passt zu jeder bestehenden Website.

Um das Aussehen des Schaufensters zu verändern, können Sie die eingebauten Designoptionen im Bereich Gestaltung Ihrer Shop-Verwaltung verwenden. Wählen Sie die Größe der Bilder, das Layout der Produktkarte, die Position des Kategorienamens und vieles mehr nach Ihren Wünschen. Sobald Sie die Einstellungen aktualisieren, werden die Änderungen sofort im Shop auf Ihrer Website angezeigt.

Was macht das Schaufenster aus?

Das Schaufenster ist der eigentliche Shop, in dem Ihre Kunden und Kundinnen nach Produkten suchen. Das macht Ihr Schaufenster aus:

• Produktliste mit Produktkarten
• Produktseiten
• Shop-Kategorien
• Navigationselemente

Lesen Sie weiter, um zu erfahren, wie Sie das Design auf der Seite Gestaltung in Ihrer Shop-Verwaltung anpassen können.

Gestaltung von Produktlisten und Produktkarten

Die Produktliste ist das Gitter auf den Kategorieseiten oder auf der Startseite Ihres Shops. Die Liste besteht aus einzelnen Produktkarten, die ein Bild und einen Inhalt enthalten, um Ihren Kunden und Kundinnen einen kurzen Überblick über ein Produkt zu geben.

So sieht eine Produktkarte in der Produktliste aus:

Mit den integrierten Design-Einstellungen können Sie die Bildgröße und das Seitenverhältnis anpassen, Elemente wie Preis, SKU oder die „Jetzt kaufen“-Schaltfläche ausblenden, anzeigen und vieles mehr. Hochformatige Bilder eignen sich beispielsweise hervorragend für die Darstellung von Kleidungsstücken, wogegen großformatige Bilder am besten für die Darstellung von Schmuck, Einrichtungsgegenständen und so weiter geeignet sind.

Dieselbe Bildgröße und dasselbe Seitenverhältnis, die Sie für Ihre Produktliste festlegen, werden automatisch auf Kategoriebilder in Ihrem Shop angewendet.

Um die Produktliste und das Design der Produktkarte anzupassen:

1. Gehen Sie von Ihrer Shop-Verwaltung aus zu Gestaltung.
2. Nehmen Sie in den Abschnitten Bildgröße,Seitenverhältnis der Bilder und Angaben und Layout der Produktfelder die gewünschten Designänderungen vor.
3. Die Änderungen werden automatisch gespeichert.

Layout der Produktseite einrichten

Die Produktseite ist eine Seite für ein bestimmtes Produkt in Ihrem Shop mit all seinen Details. Ihre Kundne und Kundinnen können auf die Produktseiten zugreifen, indem sie auf eine Produktkarte in der Liste klicken, oder über einen Direktlink.

Sie können das Layout der Produktseite festlegen und bestimmen, ob Untertitel, SKUs, Social-Media-Schaltflächen und andere Informationen angezeigt werden sollen, je nach Ihren geschäftlichen Anforderungen.

Sie können auch das Layout für die Vorschaubilder auf den Produktkarten wählen. Wenn Sie beispielsweise eine Galerie mit hochwertigen Fotos für Ihre Produkte hochgeladen haben, ist es besser, die Bilder in voller Größe zu zeigen, damit sich Ihre Kunden und Kundinnen alle Bilder im Detail ansehen können. Außerdem können Sie das Hauptproduktbild beim Mouseover vergrößern.

Um das Design der Produktseite anzupassen:

1. Gehen Sie von Ihrer Shop-Verwaltung aus zu Gestaltung.
2. Nehmen Sie in den Abschnitten Produktseiten-Layout,Bildgalerie-Miniaturansichten und Sidebar die gewünschten Designänderungen vor.
3. Die Änderungen werden automatisch gespeichert.

Einrichten von Kategorienamen und Bildanzeige

Standardmäßig erscheinen alle Produkte, die Sie Ihrem Shop hinzufügen, in der Standardkategorie, die auf der Hauptseite Ihres Shops vorgestellt wird. Wenn Sie mehr Stammkategorien oder Unterkategorien erstellen, um die Navigation in Ihrem Shop zu erleichtern, werden diese als Liste angezeigt:

Sie können wählen, wo die Kategorienamen angezeigt werden sollen, oder die Namen oder Bilder der Kategorien ganz ausblenden. Die Größe des Kategoriebildes und das Seitenverhältnis sind die gleichen, die Sie für Ihre Produktliste eingestellt haben.

So richten Sie den Kategorienamen und die Bildanzeige ein:

1. Gehen Sie von Ihrer Shop-Verwaltung aus zu Gestaltung.
2. Scrollen Sie nach unten zu Position der Kategoriebezeichnung und wählen Sie Ihre gewünschte Option.
3. Die Änderungen werden automatisch gespeichert.

Unter Gestaltung → Navigation und Farben der Shop-Hauptseite → Kategorieansicht können Sie auch Stammkategorien ausklappen, um die darin enthaltenen Produkte direkt auf der Startseite des Shops anzuzeigen. Beispielsweise, wenn Sie ein Restaurant betreiben und sofort alle Menüpunkte zeigen möchten.

Erfahren Sie mehr über das Ausklappen von Produktkategorien →

Anpassen der Navigation

Jeder Shop verfügt über eine Reihe von Navigationsoptionen, die Navigation Ihrer Kunden und Kundinnen verbessern. Dazu gehören die Zurück- und Weiter-Pfeile, um zwischen Produkten zu wechseln, die Brotkrümelnavigation, Sortieroptionen, Produktfilter und das Fußmenü des Shops, einschließlich des Links zum Anmelden.

Es liegt an Ihnen, diese Elemente zu zeigen oder zu verbergen. Wir empfehlen, sie anzuzeigen, um das Einkaufen in Ihrem Shop zu erleichtern. Sie können die Schaufensternavigation unter Gestaltung → Navigation und Farben der Shop-Hauptseite und unter Gestaltung → Navigation anpassen.

Zusätzliche Möglichkeiten, das Schaufensterdesign zu optimieren

Die Anpassung Ihres Schaufensters erfordert lediglich etwas Fantasie und Entschlossenheit. Für eine detailliertere Einrichtung des Designs Ihres Shops können Sie zusätzliche Tools verwenden:

• Produktribbons und Produktuntertitel: farbige Etiketten und kurze Beschriftungen, die die Produkte in einem Schaufenster hervorheben.
• Animierte Bilder: Laden Sie die .gif-Datei als Hauptproduktbild hoch, und es wird im Schaufenster angezeigt:
  
• Banner im Schaufenster: Um die Aufmerksamkeit auf Ihre Sonderangebote, den Saisonverkauf, soziale Netzwerke oder etwas Anderes zu lenken, können Sie in Ihrem Schaufenster ein Banner einfügen. Das Banner kann auf der Startseite des Shops oder auf einer der Kategorieseiten platziert werden.
• App-Markt: Hier finden Sie Apps, mit denen Sie Ihre Website und Ihren Shop nach Belieben gestalten können.
• Umfassende Anpassungsmöglichkeiten wie CSS-Codes, benutzerdefinierte Entwicklung und die API.