Produkt- und Kollektionsraster zeigen jedes Element als Karte. Du gestaltest die Karte einmal im Abschnitt, und alle Karten in diesem Abschnitt folgen ihr.
Wo die Karten sind
- Der Block Produktkarte steckt in Empfohlene Produkte, Ähnliche Produkte, Produkte suchen und Kollektionsprodukte.
- Der Block Kollektionskarte steckt in Sammlungen und Unterkollektionen.
Wähle im Builder den Abschnitt und dann den Karten-Block aus. Jeder Abschnitt hat seine eigene Karte, eine Änderung betrifft also nur diesen Abschnitt. Der Karten-Block kann nicht gelöscht werden, seine Teile aber schon: Verstecke oder lösche einen Teil, oder füge ihn mit Neuen Block hinzufügen wieder hinzu.
Produktkarte
Auf der Karte selbst ist Übergeordnetes Farbschema verwenden standardmäßig an. Schalte es aus, um den Karten ein eigenes Farbschema zu geben. Ziehe die Teile, um ihre Reihenfolge auf der Karte zu ändern. Die Teile sind:
- Bild: Seitenverhältnis (Auto, Hochformat, Quadrat oder Querformat) und Bildanpassung (Abdecken füllt den Rahmen, Einpassen zeigt das ganze Bild). Bildanpassung ist bei Auto ausgeblendet.
- Titel: Voreinstellung (Textstil), Zeilenhöhe, Zeichenabstand und Maximale Zeilen (1 bis 3, längere Namen werden mit "..." abgeschnitten).
- Preis: der Preis, bei einem Angebot mit durchgestrichenem alten Preis. Ersparnis zeigt ein Badge als Prozent, als Preis (der gesparte Betrag) oder Keine. Es erscheint nur bei Produkten mit reduziertem Preis.
- Bewertung: Sterne und die Anzahl der Bewertungen. Produkte ohne Bewertungen zeigen keine Sterne.
- Kaufen: der Button und die Varianten.
Der Teil Kaufen
- Aktion: Mit Kasse können Kunden direkt von der Karte aus kaufen. Link öffnet die Produktseite.
- Label: Lass es leer für den Standardtext: "Produkt ansehen" bei Link, und bei Kasse "In den Warenkorb" oder "Jetzt kaufen", je nach Bestellmethode in den Kasseneinstellungen.
- Stil: Button-Farben Primär oder Sekundär.
- Varianten anzeigen, mit Größe und Form (die Form gilt nur für Farb- und Bild-Swatches): Kunden wählen eine Option direkt auf der Karte. Nur die erste Variantengruppe erscheint auf der Karte. Bei Link werden nie Varianten angezeigt.
Ein Produkt, bei dem alle Optionen ausverkauft sind, zeigt bei Kasse einen deaktivierten Button "Ausverkauft".
Kollektionskarte
Kartenstil: Standard setzt den Text unter das Bild, Overlay setzt ihn auf das Bild. Außerdem gibt es Übergeordnetes Farbschema verwenden. Die Teile sind:
- Bild: Seitenverhältnis, Bildanpassung und Overlay-Deckkraft (nur bei Overlay, ein dunkleres Bild macht den Text leichter lesbar).
- Titel: Voreinstellung, Zeilenhöhe, Zeichenabstand, Maximale Zeilen (1 oder 2) und Ausrichtung.
- Produktanzahl: die Anzahl der Produkte in der Kollektion. Es gibt keine Einstellungen: Verstecke oder lösche den Teil, um ihn zu entfernen.
- Schaltfläche: Label (leer nutzt einen Standardtext in der Sprache deines Shops), Stil und Breite (Anpassen oder Füllen). Sie öffnet immer die Kollektion der Karte.
Die Kollektionskarte zeigt ihre Teile immer in derselben Reihenfolge: Bild, Titel, Produktanzahl, dann Button.
Gut zu wissen
- Ecken, Ränder und Schatten der Karten kommen von deinem Theme. Die Farben der Karten kommen vom Farbschema.
- Kein Spar-Badge? Das Produkt braucht einen reduzierten Preis, siehe Wie lege ich Produktpreise, Rabatte und Preise pro Markt fest?