Abzeichen auf Produktkarten in Kollektionen und Suche

„2 kaufen, 10 % sparen“-Labels auf Produktkarten: wie sie zugeordnet und gestaltet werden.

3 Min. Lesezeit

Das Embed für Kartenabzeichen fügt ein kleines Label auf Produktkarten hinzu, wo immer das Theme auf ein Produkt verlinkt: Kollektionsseiten, Suchergebnisse, Abschnitte mit vorgestellten Produkten, ähnliche Produkte.

Labels je Angebotstyp: „2 kaufen, 10 % sparen“ (Mengenrabatt), „3 beliebige für 60 €“ (Mix & Match), „Bundle & sparen“, „Gratis-Geschenk ab 100 €“ oder „Geschenk ab 2“ („Kaufe X, erhalte Y“). „Häufig zusammen gekauft“ zeigt kein Abzeichen.
Ein Abzeichen pro Karte: Das aktive Angebot mit der höchsten Priorität, das das Produkt abdeckt, gewinnt; shopweite Angebote gelten für jede Karte.
Position (oben links / rechts) und Stil (gefüllt / umrandet) werden in den Embed-Einstellungen festgelegt; die Farben folgen der Akzentfarbe aus den Einstellungen.

Die Zuordnung erfolgt über den Produkt-Handle, daher funktioniert es in jedem Theme, das Karten auf /products/<handle> verlinkt. Später geladene Karten (unendliches Scrollen, Filter) werden automatisch versehen.

Häufige Probleme

Es erscheinen keine Abzeichen.

Aktivieren Sie das Embed im Theme-Editor (Einstellungen › Theme-Einrichtung › Aktivieren) und speichern Sie. Klicken Sie dann einmal auf Neu synchronisieren, damit die Produkt-Handles in den Storefront-Daten enthalten sind.

Abzeichen erscheinen am falschen Element oder überlappen das Bild.

Themes benennen ihre Kartencontainer unterschiedlich. Fügen Sie unter Einstellungen › Erweitert › Benutzerdefiniertes CSS eine Regel hinzu, zum Beispiel .bf-card-badge { top: 1em; } , oder senden Sie dem Support den Namen des Themes.

Mehr in Onlineshop

← Alle Artikel · Weiter: Das Erscheinungsbild anpassen: Voreinstellungen, Farben, Schriften, benutzerdefiniertes CSS · Kommen Sie nicht weiter? Support kontaktieren