Eckband-Badges
Ein Eckband ist ein um 45° gedrehtes und an einer Ecke des Produktbildes angepinntes Badge. P2Lab Badges erlaubt es, jeden Bild-Overlay-Slot in einen Eckband-Slot zu verwandeln oder das geneigte Verhalten auf einzelnen Badges zu überschreiben.
Zwei Wege der Aktivierung
Abschnitt betitelt „Zwei Wege der Aktivierung“Slotweit
Abschnitt betitelt „Slotweit“Öffnen Sie die Slot-Konfiguration (Einstellungen → Plugins → Produkt-Badges → Produktseite → Bild-Overlay → Links/Rechts-Slot) und setzen Sie die Richtung auf Geneigt (45°). Jedes Badge, das auf diesen Slot zielt, rendert als Eckband.
Pro Badge
Abschnitt betitelt „Pro Badge“Im Badge-Formular bietet die Einstellung 45° Neigung drei Optionen:
- Ja — immer als Eckband rendern, unabhängig von der Slot-Richtung.
- Nein — nie als Eckband rendern, unabhängig von der Slot-Richtung.
- Vom Slot erben — folgt der Richtungseinstellung des Slots.
Das bedeutet, Sie können flache und geneigte Badges im selben Slot mischen — nützlich, um einen regulären „Sale”-Sticker neben einem geneigten „Limited”-Eckband zu zeigen.
Automatische Textlängen-Sortierung
Abschnitt betitelt „Automatische Textlängen-Sortierung“Wenn mehrere geneigte Badges sich dieselbe Ecke teilen, sortiert das Plugin sie so, dass der kürzeste Text der Ecke am nächsten sitzt. Das ergibt eine saubere, gestaffelte Optik ohne überlappenden Text.
Sie konfigurieren die Sortierung nicht — sie ist automatisch, basierend auf der gerenderten Textlänge jedes Badges.
Max. Eckversatz
Abschnitt betitelt „Max. Eckversatz“Langer Eckband-Text kann ansonsten weit über das Bild hinausragen und unbeholfen wirken. Der Wert Max. Eckversatz in der Slot-Konfiguration begrenzt, wie weit das Eckband sich von der Ecke erstrecken darf. Bei Überlauf bricht der Text auf eine neue Zeile um, statt das Eckband weiter herauszuschieben.
Stimmen Sie diesen Wert auf Ihre Bildseitenverhältnisse ab — höhere / quadratischere Bilder verkraften einen größeren Versatz.
Eckband-Styling
Abschnitt betitelt „Eckband-Styling“Alle Standard-Styling-Felder gelten für Eckbänder — Hintergrundfarbe, Textfarbe, Schriftgröße, Padding, Backdrop-Filter, Icons usw. Zwei Stilhinweise:
- Rahmenradius ist auf Eckbändern normalerweise 0 — der diagonale Schnitt lässt sie bereits wie ein gefaltetes Band wirken.
- Padding steuert, wie dick das Eckband wirkt. Erhöhen Sie vertikales Padding für ein wuchtiges Eckband, verringern Sie es für ein dezentes.
Best Practices
Abschnitt betitelt „Best Practices“- Halten Sie den Eckbandtext kurz — 1 bis 3 Wörter („SALE”, „NEW”, „TOP SELLER”). Längerer Text verliert die Eckband-Anmutung.
- Reservieren Sie eine Ecke für Eckbänder (z.B. rechter Slot = geneigt) und die gegenüberliegende für flache Badges (z.B. linker Slot = horizontal). Beide Stile in einem Slot zu mischen, sieht selten gut aus.
- Verwenden Sie die Priorität mit Bedacht — nur die höchstpriorisierten Eckbänder überleben, wenn mehrere zutreffen, also planen Sie die Warteschlange.