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ę

Konfiguracja warunków wyświetlania

Kontroluj, gdzie wyświetla się każdy baner i kto go widzi, za pomocą selektora pozycji i paneli warunków na karcie Placement.

Karta Placement w edytorze banera kontroluje dwie rzeczy: gdzie pasek znajduje się na stronie i kto go widzi. Oba typy banerów – podstawowy i z nieskończonym przewijaniem – używają tej samej karty.

Podczas tworzenia lub edycji banera w Sami Product Labels kliknij Placement u góry lewego panelu.

Karta Placement z sześcioma pozycjami wyświetlania i panelami warunków

Karta Placement: selektor pozycji u góry, panele warunków poniżej.

Position to pierwszy panel i jest wymagany – każdy baner ma pozycję.

Pozycja Działanie
Top Znajduje się nad treścią strony i przesuwa ją w dół.
Top Sticky Przesuwa treść w dół i pozostaje widoczny podczas przewijania przez klienta.
Top Overlay Nakłada się na górną część treści strony zamiast ją przesuwać.
Overlay Sticky Nakłada się na treść i pozostaje widoczny podczas przewijania przez klienta.
Bottom Sticky Przypięty do dolnej krawędzi widocznego obszaru.
Custom Domyślnie nigdzie się nie wyświetla – umieszczasz go samodzielnie za pomocą shortcode. Zobacz Umieszczanie za pomocą shortcode.

Wszystko poniżej selektora pozycji jest opcjonalne. Pozostaw panel pusty, a nie nakłada on żadnych ograniczeń – baner pokazuje się wszystkim, wszędzie tam, gdzie pozwala na to pozycja.

Ogranicz baner do produktów spełniających regułę. Kliknij Add conditions, a następnie zbuduj wiersz z trzech części: pola, operatora (is equal to / is not equal to) i wartości.

Pole Wartość do wybrania
Select Products Pojedyncze produkty z Twojego katalogu.
Product tag Jeden lub więcej tagów produktów.
Product compare price Cena porównawcza, do kierowania na produkty z rabatem.
Collections Jedna lub więcej kolekcji.

Użyj ikony usuwania na końcu wiersza, aby go usunąć, a Add conditions ponownie, aby dodać kolejne wiersze.

Dopasowanie wszystkich warunków lub dowolnego warunku

Dział zatytułowany „Dopasowanie wszystkich warunków lub dowolnego warunku”

Gdy panel zawiera więcej niż jeden wiersz, przełącznik Products must match określa, jak są łączone:

  • all conditions – każdy wiersz musi być spełniony (AND). Na przykład produkt z tagiem sale i w kolekcji Clearance.
  • any condition – wystarczy jeden wiersz (OR). Na przykład produkt z tagiem sale lub w kolekcji Clearance.

Przełącznik Products must match z opcjami all conditions i any condition

Przełączaj się między logiką AND i OR dla wierszy w panelu.

Pełny opis działania każdego operatora znajdziesz w Opisie operatorów warunków.

Ogranicz baner według tego, kto przegląda sklep. Kliknij Add conditions, a następnie wybierz pole:

Pole Opcje
Customer Is Logged In lub Not Logged In.
Customer tag Dopasuj jeden lub więcej tagów klientów.

Ogranicz baner do określonych typów stron. Każdy wiersz to Page + operator + typ strony:

Typ strony Gdzie ma zastosowanie
Index page Strona główna Twojego sklepu.
Collection page Strony z listą produktów w kolekcji.
Product page Poszczególne strony szczegółów produktu.
Article Page Strony artykułów na blogu.
Blog page Strony z listą wpisów na blogu.
Cart page Strona koszyka, w tym wysuwany koszyk.
Search page Wyniki wyszukiwania.
Specific pages Dowolna inna strona, dopasowana według wpisanego adresu URL.

Włącz panel przełącznikiem, wybierz Operator – Equals lub Not equals – a następnie wyszukaj i wybierz języki swojego sklepu. Baner wyświetla się tylko wtedy, gdy aktywny język klienta pasuje.

Włącz panel przełącznikiem, wybierz Operator – Equals lub Not equals – a następnie wyszukaj i wybierz kraje. Przydatne w komunikatach o wysyłce lub promocjach dla konkretnego regionu.

Zawiera jedno ustawienie Device targeting: All devices, Desktop lub Mobile.

Zaplanuj baner za pomocą daty i godziny Start i End, obu w formacie YYYY-MM-DD HH:mm. Pozostaw pole puste, aby zostawić ten koniec okresu otwarty – na przykład ustaw tylko End, aby baner działał do końca wyprzedaży.

Wybierz pozycję Custom, gdy potrzebujesz banera w dokładnym miejscu w motywie, a nie przypiętego do góry lub dołu strony.

  1. Otwórz panel Shortcode u dołu karty Placement i kliknij Copy. Fragment wygląda tak:

    <div class="samitaPL-banner" data-id="YOUR_BANNER_ID"></div>

    Możesz go też skopiować z kolumny Shortcode na liście banerów.

  2. W panelu administracyjnym Shopify przejdź do Sklep internetowy > Motywy > Edytuj kod i wklej fragment do szablonu Liquid – lub do sekcji Custom HTML – w miejscu, w którym baner ma się pojawić.

  • Zacznij szeroko, potem zawężaj. Najpierw wybierz pozycję, upewnij się, że baner się wyświetla, i dopiero potem dodaj warunki.
  • Pamiętaj, że panele się łączą. Warunki w różnych panelach muszą być spełnione jednocześnie – warunek produktu plus warunek strony oznacza, że oba muszą pasować.
  • Sprawdź oba typy urządzeń. Użyj przełącznika podglądu mobilnego nad edytorem i ustaw Device targeting, jeśli komunikat ma sens tylko na jednym.
  • Przetestuj w swoim sklepie. Aktywuj baner i wczytaj odpowiednie strony, aby upewnić się, że pojawia się tam, gdzie oczekujesz.

Czy to było pomocne?