Przejdź do głównej zawartości
P2Lab Badges

Pierwszy badge

Ten przewodnik tworzy prosty ręczny badge i przypisuje go do kilku produktów. Zajmuje około pięciu minut i pokrywa najczęściej używane części formularza.

1. Otwórz moduł badge’y

Dział zatytułowany „1. Otwórz moduł badge’y”

W sidebarze admina przejdź do Katalogi → Badge produktowe. Kliknij Dodaj badge.

2. Wypełnij wymagane pola

Dział zatytułowany „2. Wypełnij wymagane pola”
  • Nazwa — wewnętrzna etykieta, widoczna tylko w adminie (np. Sale Q2).
  • Tekst — widoczna etykieta badge’a (np. SALE). Obsługuje HTML i wartości wielojęzyczne.
  • Typ — wybierz Standard dla ręcznie przypisywanego badge’a.
  • Priorytet — zostaw domyślną wartość. Niższy numer wygrywa gdy wiele badge’y konkuruje o ten sam slot.

3. Skonfiguruj rozmieszczenie

Dział zatytułowany „3. Skonfiguruj rozmieszczenie”

Karta Rozmieszczenie decyduje gdzie badge się pojawia:

  • Strona szczegółowa — wybierz Nakładka na zdjęciu, następnie Slot nakładki na zdjęciu (Lewy lub Prawy).
  • Strona listingu — wybierz Nakładka na zdjęciu też tutaj, z tym samym slotem.

Zostaw Przechylenie 45° jako Dziedzicz ze slotu na razie (osobno omawiamy Wstążki narożne).

Musi być skonfigurowane przynajmniej jedno rozmieszczenie — inaczej badge nigdzie się nie wyrenderuje.

4. (Opcjonalnie) Stylizuj badge

Dział zatytułowany „4. (Opcjonalnie) Stylizuj badge”

Karta Stylizacja pozwala nadpisać globalne ustawienia domyślne:

  • Kolor tła — np. #e2231a (czerwony)
  • Kolor tekstu — np. #ffffff (biały)
  • Promień zaokrąglenia — np. 4px

Pozostaw dowolne pole puste, aby dziedziczyć ze slotu, potem rozmieszczenia, potem ustawień globalnych. Zobacz Dziedziczenie stylizacji dla pełnej kolejności.

5. (Opcjonalnie) Dodaj ikonę

Dział zatytułowany „5. (Opcjonalnie) Dodaj ikonę”

Karta Ikona pozwala wybrać z 460+ wbudowanych ikon SVG lub przesłać własną. Ustaw pozycję (po lewej lub prawej tekstu) i rozmiar ikony.

6. Przypisz produkty

Dział zatytułowany „6. Przypisz produkty”

Dla badge’a Standard przełącz się na zakładki Przypisanie u góry formularza:

  • Produkty — wybierz produkty, które mają nosić badge.
  • Kategorie, Producenci, Strumienie produktów — przypisuj masowo przez członkostwo.

Możesz też przypisać badge ze strony szczegółowej produktu później (zobacz Szybkie przypisanie).

7. Zapisz i sprawdź storefront

Dział zatytułowany „7. Zapisz i sprawdź storefront”

Kliknij Zapisz. Otwórz jeden z przypisanych produktów na storefroncie — powinieneś zobaczyć badge na zdjęciu produktu. Przejrzyj kategorię — powinieneś zobaczyć go też na karcie produktu w listingu.

Co się właśnie stało

Dział zatytułowany „Co się właśnie stało”

Stworzyłeś badge Standard z rozmieszczeniem nakładki na zdjęciu na stronach szczegółowych i listingach, ograniczyłeś go do listy produktów i użyłeś globalnej domyślnej stylizacji. Badge będzie się renderował dopóki go nie dezaktywujesz lub nie usuniesz produktów z przypisania.

Następne kroki

Dział zatytułowany „Następne kroki”