Bild-Overlay-Slots

Die Bild-Overlay-Platzierung verwendet zwei unabhängige Slots — Links und Rechts — auf jedem Produktbild. Jeder Slot hat eigene Versätze, Richtung, Abstand und Default-Styling. Ein Badge wählt einen Slot pro Seitenkontext.

Diese Seite behandelt die auf jedem Slot verfügbaren Felder in der globalen Konfiguration (Einstellungen → Plugins → Produkt-Badges → Produktseite → Bild-Overlay, und das Pendant in Produktlisting).

Warum zwei Slots?

Die Aufteilung des Overlays in Links und Rechts erlaubt zwei visuell unterschiedliche Badge-Familien auf demselben Produktbild — z.B. Eckbänder rechts, horizontale Sticker-Badges links — ohne dass eine Familie die andere stört.

Ein Badge, das den linken Slot wählt, wird nur für das linke Rendering in Betracht gezogen und umgekehrt. Das Max.-Badges-Limit wird pro Slot durchgesetzt, sodass jede Seite ihre eigene Warteschlange hat.

Slot-Felder

Jeder Slot bietet denselben Satz Konfigurationsfelder. Sie gelten nur innerhalb dieses Slots.

Positionierung

Oberer Versatz — Abstand vom oberen Rand des Produktbildes.
Linker Versatz — Abstand vom linken Rand (vom linken Slot verwendet).
Rechter Versatz — Abstand vom rechten Rand (vom rechten Slot verwendet).
Z-Index — Render-Reihenfolge gegenüber anderen Overlay-Schichten.
Clip-Pfad — optionaler CSS-clip-path-Wert, nützlich bei abgerundeten Bildecken.

Richtung

Wie sich Badges innerhalb des Slots stapeln:

Horizontal (row) — Badges sitzen nebeneinander, links nach rechts.
Vertikal (column) — Badges stapeln oben nach unten.
Geneigt (45°) — Badges rendern als Eckbänder. Siehe Eckband-Badges.

Abstände

Gap — Abstand zwischen Badges innerhalb des Slots.
Padding — Innen-Padding des Slot-Containers.
Margin — Außen-Margin zwischen Slot und Bildkante.

Default-Styling

Jedes Styling-Feld, das auf einem Badge existiert, kann als Slot-Default gesetzt werden:

Text- und Hintergrundfarben
Schriftgröße, Zeilenhöhe, Padding
Rahmenradius, Backdrop-Filter
Default-Icon-Größe

Slot-Defaults stehen zwischen Platzierungs-Defaults und Globalstandards in der Vererbungsreihenfolge. Ein Badge, das das Feld nicht überschreibt, verwendet zuerst den Slot-Default.

Detail- vs. Listing-Slots sind getrennt

Die Links-/Rechts-Slot-Konfiguration im Tab Produktseite gilt nur für Detailseiten. Der Tab Produktlisting hat sein eigenes Pendant mit unabhängigen Werten. Das bedeutet, Sie können z.B. einen engeren Listing-Slot und einen großzügigeren Detailseiten-Slot haben.

Slot am Badge wählen

Wenn Sie im Badge-Formular Detailseiten-Platzierung = Bild-Overlay (oder Listing-Platzierung = Bild-Overlay) setzen, erscheint ein Dropdown Bild-Overlay-Slot mit Links / Rechts. Wählen Sie einen — der Slot entscheidet, auf welcher Seite des Bildes das Badge rendert und von welchen Defaults es erbt.

Max. Badges pro Slot

Der Wert Max. Badges in der globalen Konfiguration begrenzt die Gesamtzahl der auf einer Seite gerenderten Badges. Slots respektieren dieses Limit gemeinsam — hat ein Produkt 10 passende Badges, aber Max. Badges = 3, rendern die Top-3 nach Priorität über beide Slots verteilt.