Produktkarten

Bildwechsel, Bewegung, Schatten und Bewertungssterne der Produktkarten steuerst du über die Theme-Einstellungen. Die Seite gilt für Kategorie- und Suchlisten sowie — je nach Funktion — Slider, Cross-Selling und kuratierte Produkt-Raster.

Wo finde ich die Einstellungen

Theme-Manager → dein Boutique-Theme → „Einstellungen bearbeiten" → Tab „Listing" → Karte „Produktkarten" → Abschnitt „Hover-Effekt".

Bildwechsel beim Hover

Beim Überfahren blendet die Karte sanft auf das zweite Produktbild über (Cross-Fade).

• „Bildwechsel beim Hover" — schaltet den Effekt an/aus.
• „Bildwechsel-Dauer (ms)" — Überblend-Geschwindigkeit in Millisekunden. Typisch 200 (schnell) bis 600 (langsam); Standard 360.
• Hat ein Produkt kein zweites Bild, bleibt das Titelbild stehen — es wird dann auch nichts zusätzlich geladen.
• Das zweite Bild wird lazy (erst beim Heranscrollen) und in optimierter Größe nachgeladen — es ist beim Hover bereit, ohne die Seite zu verlangsamen.

Voraussetzung

Verwendet wird das zweite Bild aus der Bildergalerie des Produkts (das erste Bild, das nicht das Titelbild ist). Pflege also mindestens ein weiteres Produktbild, damit der Wechsel greift.

Zoom-/Lift-Effekt

• „Zoom-/Lift-Effekt" — beim Überfahren zoomt das Bild leicht heran und die Karte hebt sich minimal an. Aus = statischer Karten-Hover.

Hover-Schatten

Ein feiner, schwebender Schatten unter der Karte beim Überfahren.

• „Schatten anzeigen" — an/aus.
• „Schattenfarbe" — Farbe des Schattens (Standard: Ink).
• „Stärke" — dezent · mittel · kräftig (steuert Weichzeichnung, Ausbreitung und Deckkraft).

Hinweise

• Reduzierte Bewegung: Alle drei Effekte respektieren die System-Einstellung „Bewegung reduzieren" (und den globalen Theme-Schalter „Animationen reduzieren") — dann bleiben die Karten beim Hover statisch.
• Farbname-Tooltip: Unabhängig davon zeigen die Farb-Swatches (Farbvarianten) beim Überfahren automatisch den Farbnamen an — dafür gibt es keine Einstellung.
• Änderungen greifen nach dem Speichern des Themes (das Theme wird dabei neu kompiliert) — im Browser ggf. einmal hart neu laden.

Bewertungssterne auf den Produktkarten

Im Theme-Manager unter Tab „Listing" → Karte „Produktkarten" → Abschnitt „Bewertungen" schaltest du mit „Bewertungssterne auf Produktkarten" ein, ob die Durchschnittsbewertung schon in der Übersicht erscheint — auf Kategorieseiten, in Produkt-Slidern, im Cross-Selling und im Featured-Products-Element.

Gezeigt werden nur die Sterne, ohne Zahl. Die genaue Note und die Anzahl der Bewertungen stehen auf der Produktseite.

Produkte ohne Bewertung zeigen keine Sterne — auch keine leeren. Solange dein Sortiment erst teilweise bewertet ist, stehen Namen und Preise benachbarter Karten deshalb auf leicht unterschiedlichen Höhen. Das legt sich, sobald mehr Bewertungen zusammenkommen; wer es vorher ruhiger mag, lässt die Sterne aus.

Voraussetzung

Die Sterne erscheinen nur, wenn Bewertungen auch grundsätzlich aktiv sind: Einstellungen → Shop → Listing → „Produktbewertungen anzeigen". Ist das aus, bleibt die Karte ohne Sterne, egal wie der Theme-Schalter steht.