Wstążki narożne
Wstążka narożna to badge obrócony o 45° i przypięty do narożnika zdjęcia produktu. P2Lab Badges pozwala zamienić dowolny slot nakładki na zdjęciu w slot wstążkowy lub nadpisać zachowanie pod kątem na pojedynczych badge’ach.
Dwa sposoby włączenia
Dział zatytułowany „Dwa sposoby włączenia”Całosłotowo
Dział zatytułowany „Całosłotowo”Otwórz konfigurację slotu (Ustawienia → Pluginy → Badge produktowe → Strona produktu → Nakładka na zdjęciu → Slot Lewy/Prawy) i ustaw kierunek na Pod kątem (45°). Każdy badge celujący w ten slot renderuje się jako wstążka narożna.
Per badge
Dział zatytułowany „Per badge”W formularzu badge’a, ustawienie Przechylenie 45° oferuje trzy opcje:
- Tak — zawsze renderuj jako wstążkę narożną, niezależnie od kierunku slotu.
- Nie — nigdy nie renderuj jako wstążki narożnej, niezależnie od kierunku slotu.
- Dziedzicz ze slotu — śledź ustawienie kierunku slotu.
Oznacza to, że możesz mieszać płaskie i pod-kątem badge w tym samym slocie — przydatne do pokazania zwykłej naklejki “Sale” obok wstążki “Limited” pod kątem.
Automatyczne sortowanie po długości tekstu
Dział zatytułowany „Automatyczne sortowanie po długości tekstu”Gdy wiele badge’y pod kątem dzieli ten sam narożnik, plugin sortuje je tak, że najkrótszy tekst siedzi najbliżej narożnika. To daje czysty, warstwowy wygląd bez nakładającego się tekstu.
Nie konfigurujesz sortowania — jest automatyczne, oparte na renderowanej długości tekstu każdego badge’a.
Max offset narożny
Dział zatytułowany „Max offset narożny”Długi tekst wstążki może w przeciwnym razie rozciągać się daleko poza zdjęcie, wyglądając niezręcznie. Wartość Max offset narożny w konfiguracji slotu ogranicza jak daleko wstążka może się rozciągać od narożnika. Gdy tekst by przepełnił, zawija się na nową linię zamiast wypychać wstążkę dalej.
Dostrój tę wartość żeby pasowała do Twoich proporcji zdjęć — wyższe / bardziej kwadratowe zdjęcia mogą pomieścić większy offset.
Stylizacja wstążek pod kątem
Dział zatytułowany „Stylizacja wstążek pod kątem”Wszystkie standardowe pola stylizacji działają na wstążkach pod kątem — kolor tła, kolor tekstu, rozmiar fontu, padding, backdrop filter, ikony itd. Dwie uwagi stylowe:
- Promień zaokrąglenia jest zwykle 0 na wstążkach — diagonalne cięcie już sprawia, że wyglądają jak złożona wstążka.
- Padding kontroluje jak grubo wygląda wstążka. Zwiększ pionowy padding dla potężnej wstążki, zmniejsz go dla delikatnej.
Best practices
Dział zatytułowany „Best practices”- Trzymaj tekst wstążki krótko — 1 do 3 słów (“SALE”, “NEW”, “TOP SELLER”). Dłuższy tekst traci wrażenie wstążki.
- Zarezerwuj jeden narożnik dla wstążek (np. Prawy slot = pod kątem) i przeciwny dla płaskich badge (np. Lewy slot = poziomy). Mieszanie obu stylów w jednym slocie rzadko wygląda dobrze.
- Używaj priorytetu ostrożnie — tylko wstążki o najwyższym priorytecie przeżyją gdy aplikuje się kilka, więc planuj kolejkę.