Przejdź do głównej zawartości
Wypróbuj za darmo przez 7 dni
Polski
Otwórz w Claude Zadaj pytania o tę stronęOtwórz w ChatGPT Zadaj pytania o tę stronę

Tworzenie grupy etykiet (wewnątrz obrazu produktu)

Połącz kilka etykiet w jedną grupę umieszczoną na obrazie produktu.

Wybierz Inside product image, gdy grupa ma nakładać się na zdjęcie produktu – to typowy wybór dla etykiet „Sale”, „New” lub „Best seller” ułożonych w rogu obrazu.

  1. W panelu administracyjnym Shopify otwórz Sami Product Labels i kliknij Badge groups na pasku bocznym aplikacji.

    Pasek boczny aplikacji z wybraną pozycją Badge groups

    Badge groups znajduje się na pasku bocznym między Badges & Labels a Extra Features.

  2. W sklepie bez grup zobaczysz Create your first badge group. Kliknij Create badge group, aby otworzyć edytor.

    Pusty stan strony Badge groups

    Kliknij Create badge group, aby otworzyć edytor grup.

  3. U góry karty Design wybierz Inside product image. Grupa zostanie umieszczona na zdjęciu produktu.

  4. Domyślnie grupa nazywa się Label group. Otwórz menu … nad podglądem, kliknij Rename i wpisz nazwę do 50 znaków – na przykład „Summer sale labels”.

  5. W Label Selection kliknij Add labels to group. Wyszukaj według nazwy, zaznacz wybrane etykiety, a następnie kliknij Select.

    Okno Add labels to group

    Zaznacz każdą etykietę, którą chcesz uwzględnić, a następnie kliknij Select.

  6. Otwórz sekcję Design i ustaw, jak etykiety wyglądają razem:

    Ustawienie Co kontroluje
    Select layout Układ Horizontal lub Vertical.
    Item size Rozmiar każdej etykiety, w procentach lub jako wartość stała.
    Label gap Odstęp między etykietami w pikselach.
    Predefined position Jeden z dziewięciu punktów zakotwiczenia na obrazie produktu (rogi, krawędzie, środek).
    Margin Odsunięcie od punktu zakotwiczenia – górne, dolne, lewe i prawe.

    Podczas dostosowywania sprawdzaj podgląd na żywo po prawej stronie. Użyj menu Product page / Collection page oraz ikon komputera i telefonu, aby zobaczyć grupę w każdym kontekście.

    Sekcja Design z układem, rozmiarem, odstępem i siatką dziewięciu pozycji

    Siatka dziewięciu pozycji zakotwicza całą grupę na obrazie produktu.

  7. Rozwiń Advance Section, aby dodać własny CSS dla grupy. Pomiń ten krok, chyba że potrzebujesz stylu, którego nie da się uzyskać powyższymi ustawieniami.

  8. Przejdź na kartę Placement i wybierz Condition type:

    Opcja Działanie
    Keep individual label conditions Każda etykieta jest wyświetlana lub ukrywana według własnych reguł kierowania.
    Set a custom group condition Pomija reguły poszczególnych etykiet i stosuje jeden warunek dla całej grupy.

    Wybranie drugiej opcji odsłania warunki Product, Customer, Page, Language, Country i Other dla grupy – zobacz Konfigurowanie warunków grupy.

    Karta Placement z dwoma typami warunków

    Użyj własnego warunku grupy, gdy cały zestaw ma podlegać jednej regule.

  9. Kliknij Save w prawym górnym rogu. Grupa natychmiast pojawi się na pasujących stronach produktów.

Czy to było pomocne?