Kollektionsseiten

Kollektionen sind Seiten, die du erstellst, um bestimmte Produkte in Kategorien zu gruppieren. Du kannst intelligente Kollektionen und manuelle Kollektionen einrichten.

Standardmäßig haben Kollektionsseiten im Theme-Editor einen Abschnitt Kollektionsbanner und einen Abschnitt Produktraster.

Einstellungen zum Abschnitt Kollektionsbanner

Der Abschnitt Kollektionsbanner zeigt die Beschreibung und das Feature-Bild der angezeigten Kollektion an.

Die Einstellungen für den Abschnitt "Kollektionsbanner" auf den Kollektionsseiten
EinstellungBeschreibung
Kollektionsbeschreibung anzeigenZeigt die Beschreibung der Kollektion an.
Kollektionsbild anzeigenZeigt das Kollektionsbild an.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.

Einstellungen für den Abschnitt "Produktraster"

Im Abschnitt Produktraster werden die Produkte angezeigt, die in der angezeigten Kollektion enthalten sind.

Die Einstellungen für den Abschnitt "Produktraster" auf Kollektionsseiten
EinstellungBeschreibung
Produkte pro SeiteDie Anzahl der Produkte, die du auf jeder Seite anzeigen möchtest. Wähle aus einem Mehrfachen von 4, zwischen 8 und 36.
Anzahl der Spalten auf dem DesktopLege die Anzahl der Spalten für die Produkte fest, die auf Desktopcomputern angezeigt werden. Gib eine Zahl zwischen 1 und 6 an.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
BildverhältnisLege das Bildverhältnis für die Feature-Bilder der Produkte fest, die im Produktraster angezeigt werden. Wähle eine der folgenden Optionen:
  • An Bild anpassen – Verwendet die Seitenverhältnisse der Bilder. So wird verhindert, dass Bilder abgeschnitten werden.
  • Hochformat – Schneidet die Bilder auf ein Verhältnis von 2:3 zurecht.
  • Quadratisch – Schneidet die Bilder auf ein Verhältnis von 1:1 zurecht.
BildformWähle eine der folgenden Bildformen für deine Produktbilder aus:
  • Standard – Ändert dein Produktbild in eine rechteckige Form ab.
  • Bogen – Krümmt den oberen Teil deines Produktbildes.
  • Klecks – Passt dein Produktbild an eine der sechs zufälligen Klecksformen an, wobei eine einzigartige Animation wiedergegeben wird, wenn ein Benutzer mit der Maus über das Bild fährt.
  • Chevron nach links – Ändert dein Produktbild in eine Chevronform mit einem starken Knick nach links.
  • Chevron nach rechts – Ändert dein Produktbild in eine Chevronform mit einem starken Knick nach rechts.
  • Diamant – Ändert dein Produktbild in eine vierseitige Rautenform ab.
  • Parallelogramm – Ändert dein Produktbild in eine Form mit zwei Paaren von parallelen Linien ab.
  • Rund – Rundet dein Produktbild in eine kreisförmige oder ovale Form ab, wobei eine einzigartige Animation wiedergegeben wird, wenn ein Benutzer mit der Maus über das Bild fährt.
Hover-Effekt mit zweitem BildWenn ein Kunde am Desktop seinen Cursor über Produktbilder bewegt, zeigt diese Option das zweite Produktbild an, wenn es vorhanden ist.
Anbieter anzeigenZeigt den Anbieter für jedes Produkt an.
Produktbewertung anzeigenZeigt die durchschnittliche Produktbewertung als Sterne mit der Anzahl an Rezensionen in Klammern an, z. B.: ★★★★★ (8). Hierfür werden auch eine Produktrezensions-App und Metafeld-Definitionen für reviews.rating_count und reviews.rating benötigt.
Schnelles HinzufügenWenn du die Option Schnelles Hinzufügen aktivierst, können Kunden über die Produktkarte einen Artikel zu ihrem Warenkorb hinzufügen. Wähle eine der folgenden Optionen:
  • Keine – Es wird keine Funktion zum schnellen Hinzufügen angezeigt.
  • Standard – Zeigt eine der folgenden Schaltflächen zum schnellen Hinzufügen für Produktkarten an:
    • Zum Warenkorb hinzufügen – Für Produkte mit einer Variante. Wenn ein Kunde auf die Schaltfläche klickt, wird das Produkt automatisch zum Warenkorb hinzugefügt.
    • Optionen auswählen – Für Produkte mit Varianten. Wenn ein Kunde auf die Schaltfläche klickt, wird ein Popup-Dialogfenster angezeigt, in dem der Kunde die Varianten auswählen und dann mit dem Kauf fortfahren kann.
  • Bulk – Zeigt die Funktion Schnelle Bestellliste an.
Filtern aktivierenWähle diese Option aus, wenn du möchtest, dass deine Kunden Optionen zum Filtern des Produktrasters erhalten.
DesktopfilterlayoutLege fest, wie deine Filter auf Desktopcomputern angezeigt werden. Wähle zwischen den Layouts Horizontal, Vertikal oder Einschub.
Sortieren aktivierenWähle diese Option aus, wenn du möchtest, dass deine Kunden Optionen zum Sortieren der Anzeigereihenfolge von Produkten haben.
Anzahl der Spalten auf mobilem GerätLege die Anzahl der Spalten für die Produkte fest, die auf Mobilgeräten angezeigt werden. Wähle eine Spalte oder zwei Spalten aus.
Oberes PaddingLege den Abstand oben im Abschnitt fest.
Unteres PaddingLege den Abstand unten im Abschnitt fest.

Genau wie die Einstellungen für den Abschnitt Produktraster kannst du auch einige der Theme-Einstellungen für Produktkarten anzeigen und anpassen. Du kannst auch eigenen abschnittspezifischen benutzerdefinierten CSS-Code hinzufügen.

Du hast die gesuchten Antworten nicht gefunden? Wir helfen dir gerne weiter.