Ähnliche Produkte anzeigen

Ermutige Kunden, deinen Shop zu erkunden, indem du ihnen beim Einkauf verwandte Produkte vorschlägst. Ähnliche Produkte werden basierend auf Kategorie oder Tag auf den Produktdetail-Seiten angezeigt. Das ist eine großartige Möglichkeit, den Käufern zu helfen, das zu finden, wonach sie suchen, und neue Produkte zu entdecken. Du kannst ähnliche Produkte für alle Produkttypen anzeigen.

„Ähnliche Produkte“ ist eine Premium-Funktion, die für die Abonnements „E-Commerce Basis“ und „E-Commerce Erweitert“ verfügbar ist.

Bevor Sie anfangen

Um ähnliche Produkte vorzuschlagen, fügen Sie Kategorien und Tags zu allen Produkten hinzu.

So werden ähnliche Produkte angezeigt

Ähnliche Produkte werden am unteren Rand einer Produktdetailseite angezeigt und können bis zu fünf Produkte von derselben Shop-Seite anzeigen.

Standardmäßig verwendet der Abschnitt „Ähnliche Produkte“ die erste Kategorie des Produkts. Um ähnliche Produkte basierend auf einer anderen Kategorie oder einem anderen Tag anzuzeigen, bearbeiten Sie das Produkt:

Klicken Sie im Produkt-Editor auf Optionen.
Klicken Sie auf das Drop-down-Menü unter Ähnliche Produkte.
Wählen Sie den Tag oder die Kategorie aus, welche Sie verwenden möchten, um ähnliche Produkte vorzuschlagen. Sie können auch Aus auswählen, um den entsprechenden Produkt-Abschnitt für diesen Artikel zu deaktivieren.
Klicken Sie auf Speichern.

Diese Felder werden für jedes ähnliche Produkt angezeigt:

Vorschaubild
Titel
Preis

Das genaue Layout variiert je nach Template. Im Template Brine sieht dies folgendermaßen aus:

Screen_Shot_2019-09-12_at_11.15.40_AM.png

Ähnliche Produkte gestalten

Wie Sie den entsprechenden Produktabschnitt gestalten, hängt davon ab, auf welcher Version von Squarespace sich Ihre Website befindet.

Version 7.1
Version 7.0

Der Abschnitt „Zugehörige Produkte“ folgt den Optimierungen in den Shop-Abschnittsstilen. Die Schriftarten folgen den Schrift-Anpassungen Ihrer Website.

Die Schriftart und die Textgröße des Abschnittstitels folgen der Überschrift 2-Anpassung im Abschnitt Überschriften. So ändern Sie die Farbe:

Gehe zum Menü Farben und klicke auf das Abschnittsdesign, das auf deine Shop-Seite angewendet wurde.
Ändern Sie die Anpassung Überschrift (Groß).

Der Zugriff auf die Stil-Einstellungen für ähnliche Produkte in Version 7.0 hängt vom Typ der Shop-Seite ab, die dein Template unterstützt. Einige Stil-Optionen unterscheiden sich auch je nach Shop-Seitentyp.

Klassische Shop-Seite – Öffne eine Artikelseite, die ähnliche Produkte zeigt. Scrolle in Website-Stile zum Abschnitt Produkte: Ähnliche Produkte.
Erweiterte Shop-Seite – Während du auf der Shop-Seite bist, öffne Website-Stile und klicke auf Produkt: Details.

Verwende diese Anpassungen, um den Stil zu ändern:

Elemente pro Zeile – Passen Sie die Anzahl der verwandten Produkte an, die pro Zeile angezeigt werden.
Abstand der Elemente – Passen Sie den Abstand zwischen ähnlichen Produkten an.
Bild-Seitenverhältnis – Ändern Sie das Verhältnis von Breite zu Höhe des Vorschaubildes.
Detail-Ausrichtung: Mitte, Links – Verschieben Sie die Textausrichtung von Produkttitel und Preis.
Titel-Abstand der Elemente – Legen Sie den Abstand zwischen dem Produkttitel und dem Vorschaubild fest.

Wie du die Schriftart, die Textgröße und die Farbe des Abschnittstitels bearbeitest, hängt vom Typ der Shop-Seite ab, die dein Template unterstützt:

	Schriftart und Textgröße	Farbe
Erweitert	Überschrift 2 im Abschnitt Inhalt: Schriftarten	Überschrift 2 im Abschnitt Inhalt: Farben
Klassisch	Rubrik 2 im Abschnitt Typografie	Überschrift 2 im Abschnitt Farbe
Galapagos	Aktiviere benutzerdefinierte Überschriften und verwende die Schriftart „Überschrift 2 “ im Abschnitt „Websiteweit“.	Aktiviere benutzerdefinierte Überschriften und verwende die Farbe „Überschrift 2“ im Abschnitt „Websitebereich“.
Supply	Schriftart für Überschriften im Abschnitt Hauptinhalt	Überschriftenfarbe im Abschnitt Hauptinhalt

Bevor Sie anfangen