Sloty nakładki na zdjęciu

Rozmieszczenie nakładki na zdjęciu używa dwóch niezależnych slotów — Lewego i Prawego — na każdym zdjęciu produktu. Każdy slot ma własne offsety, kierunek, spacing i domyślną stylizację. Badge wybiera jeden slot per kontekst strony.

Ta strona pokrywa pola dostępne na każdym slocie w konfiguracji globalnej (Ustawienia → Pluginy → Badge produktowe → Strona produktu → Nakładka na zdjęciu, oraz lustro w Listing produktów).

Dlaczego dwa sloty?

Podzielenie nakładki na Lewy i Prawy pozwala uruchamiać dwie wizualnie odrębne rodziny badge’y na tym samym zdjęciu produktu — np. wstążki narożne po prawej, poziome naklejki po lewej — bez wzajemnych zakłóceń.

Badge wybierający Lewy slot będzie zawsze rozważany tylko do renderowania po lewej stronie, i odwrotnie. Limit Max badge jest egzekwowany per slot, więc każda strona ma własną kolejkę.

Pola slotu

Każdy slot ma ten sam zestaw pól konfiguracyjnych. Stosują się tylko wewnątrz tego slotu.

Pozycjonowanie

Offset górny — odległość od górnej krawędzi zdjęcia produktu.
Offset lewy — odległość od lewej krawędzi (używana przez Lewy slot).
Offset prawy — odległość od prawej krawędzi (używana przez Prawy slot).
Z-index — kolejność renderowania względem innych warstw nakładki.
Clip path — opcjonalna wartość CSS clip-path, przydatna gdy zdjęcie ma zaokrąglone rogi.

Kierunek

Jak badge układają się wewnątrz slotu:

Poziomo (row) — badge siedzą obok siebie, lewa-do-prawej.
Pionowo (column) — badge stosują się góra-do-dołu.
Pod kątem (45°) — badge renderują się jako wstążki narożne. Zobacz Wstążki narożne.

Spacing

Gap — odległość między badge’ami wewnątrz slotu.
Padding — wewnętrzny padding kontenera slotu.
Margin — zewnętrzny margin między slotem a krawędzią zdjęcia.

Domyślna stylizacja

Każde pole stylizacji istniejące na badge’u może być ustawione jako domyślne slotu:

Kolory tekstu i tła
Rozmiar fontu, line height, padding
Promień zaokrąglenia, backdrop filter
Domyślny rozmiar ikony

Domyślne slotu siedzą między domyślnymi rozmieszczenia a domyślnymi globalnymi w kolejności dziedziczenia. Badge, który nie nadpisuje pola, najpierw używa domyślnego slotu.

Sloty szczegółówki vs. listingu są osobne

Konfiguracja Lewego/Prawego slotu w zakładce Strona produktu stosuje się tylko do stron szczegółowych. Zakładka Listing produktów ma własne lustro z niezależnymi wartościami. Oznacza to, że możesz mieć np. ciaśniejszy slot listingu i bardziej hojny slot strony szczegółowej.

Wybór slotu na badge’u

W formularzu badge’a, gdy ustawiasz Rozmieszczenie strony szczegółowej = Nakładka na zdjęciu (lub Rozmieszczenie listingu = Nakładka na zdjęciu), pojawia się rozwijana lista Slot nakładki na zdjęciu z opcjami Lewy / Prawy. Wybierz jeden — slot decyduje którą stronę zdjęcia badge zajmuje i z których domyślnych dziedziczy.

Max badge per slot

Wartość Max liczba badge w konfiguracji globalnej ogranicza całkowitą liczbę badge’y renderowanych na stronie. Sloty respektują ten limit razem — jeśli produkt ma 10 pasujących badge’y, ale Max liczba badge = 3, top 3 według priorytetu renderują się rozłożone na oba sloty łącznie.