Im Theme-Editor: Anpassen›Theme-Einstellungen›Produktkarten
Produktkarten
Wie Produkte überall dort aussehen, wo sie in einem Raster erscheinen: das Bild, Name und Preis, die Münze zum schnellen Hinzufügen und die Badges.
Das eigene Feld „Badge“ eines Produkts zeigt ein eigenes Wort auf der Karte, etwa „Neu“. Badges für Sale und ausverkauft erscheinen automatisch.
Einstellungen
Bild
- Bildverhältnis
- Auswahl: Quadratisch, Hochformat, Querformat, An Produktbild anpassenStandard: Hochformat
- Bildecken
- Schieberegler, 0 bis 40 pxStandard: 12 pxVon 0 (eckig) bis ganz abgerundet. 12 entspricht den Ecken der Schaltflächen.
- Zweites Bild anzeigen
- Ein oder ausStandard: EinSmartphone: zwischen den beiden Bildern wischen. Desktop: Pfeile erscheinen beim Darüberfahren.
Inhalt
- Anbieter anzeigen
- Ein oder ausStandard: Aus
- Farbpunkte
- Ein oder ausStandard: EinKleine Punkte unter dem Preis, wenn ein Produkt eine Farboption hat, aus den Farbmustern von Shopify oder dem Farbnamen.
Münze auf der Karte
- Was die Münze auf der Karte tut
- Auswahl: Smart, mit Vorschau auf jeder Karte (empfohlen), Nur smart, Immer die Schnellansicht öffnen, Keine Münze: Die ganze Karte öffnet das ProduktStandard: Smart, mit Vorschau auf jeder Karte (empfohlen)Smart: Ein Produkt ohne Optionen kommt direkt in den Warenkorb. Ein Produkt mit einer Wahl (Größe, Farbe oder Material) öffnet auf der Karte einen Fächer mit den Werten, ein Tippen legt es in den Warenkorb. Ein Produkt mit mehreren Optionen öffnet die Schnellansicht. „Blick“ fügt oben in der Ecke einen kleinen Glasknopf hinzu, der immer die Schnellansicht öffnet.
- Farbe der Plus-Schaltfläche
- FarbeDas Plus auf Produktbildern. Leer: die dunkle Farbe der Seite. Eine Farbe füllt das Plus.
- Farbe des Plus-Symbols
- FarbeLeer: automatisch, dunkel auf hellem Plus und hell auf dunklem.
- Hinzufügen-Knopf, wenn bereit
- FarbeStandard: #2563EBDas Plus auf einer Produktkarte, wenn der kurze Fächer offen ist und ein weiterer Tipp das Produkt in den Warenkorb legt. Ist die Farbe gleich der Farbe des Plus, tauscht das Plus Hintergrund- und Symbolfarbe, sodass es sich immer ändert.
- Plus auf dem Hinzufügen-Knopf
- FarbeStandard: #FFFFFF
- Auswahl im Plus-Fächer
- Auswahl: Gefüllt, KonturStandard: GefülltGefüllt: weiße Kreise. Kontur: ein dünner Rahmen und Text in einer Farbe auf dem Fächerhintergrund, wie das Plus.
- Konturfarbe
- FarbeRahmen und Text der Auswahl. Leer: die Plus-Farbe, die sich stärker von der Seite abhebt.
- Konturstärke
- Schieberegler, 20 bis 100 %Standard: 42 %Wie kräftig der Rahmen im Ruhezustand ist. Beim Darüberfahren und bei Auswahl ist er immer voll.
Details
- Rabattprozentsatz auf dem Badge
- Auswahl: Angezeigter Preis (empfohlen), Bis zu: der höchste Rabatt, Ausblenden, wenn Prozentsätze abweichenStandard: Angezeigter Preis (empfohlen)Für Produkte, deren Varianten unterschiedliche Preise haben. Angezeigter Preis: Prozentsatz und Vergleichspreis gehören zu der Variante, deren Preis die Karte anzeigt. Ist sie nicht reduziert, gibt es kein Sale-Badge. Bis zu: der höchste Rabatt auf das Produkt, formuliert als „bis zu“. Ausblenden: ein Sale-Badge nur, wenn alle verfügbaren Varianten denselben Prozentsatz haben. Produkte mit nur einem Preis sind nicht betroffen. Auf der Produktseite und in der Schnellansicht wählt die Kundschaft eine Variante aus, und Preis und Prozentsatz gehören immer zu ihr, daher gilt diese Einstellung dort nicht.
- Preisstärke auf der Karte
- Auswahl: Normal, FettStandard: NormalDer Preis auf Produktkarten in Kollektionen, Suche und Produktreihen. Fett entspricht der Produktseite.
- Badge bei reduzierten Produkten
- Auswahl: Sale, Prozent (23 % Rabatt)Standard: SaleWas das Badge auf dem Bild anzeigt, wenn ein Produkt reduziert ist. Für eigenen Text bei einem Produkt (Neu, Bestseller) das Produkt-Metafeld custom.badge ausfüllen.
- Glanz auf der Schaltfläche
- Ein oder ausStandard: EinEin Lichtschimmer alle paar Sekunden, nur solange die Schaltfläche auf dem Bildschirm zu sehen ist.
Stimmt hier etwas nicht mit dem Editor überein? Schreiben Sie uns, dann korrigieren wir die Anleitung.
