Skip to main content
Poza stylizacją koszyk ma kilka ustawień działania, które kontrolują jego interakcję ze sklepem — kiedy otwiera się szuflada i które elementy motywu Aftersell synchronizuje z koszykiem.

​
Gdzie je znaleźć

W edytorze koszyka otwórz Cart settings. Poniższe opcje są zgrupowane w sekcjach Behavior i Custom selector.

​
Otwieranie koszyka po dodaniu produktu

Open cart when an item is added kontroluje, czy szuflada otwiera się automatycznie za każdym razem, gdy kupujący doda produkt. Domyślnie włączone. Wyłącz, jeśli wolisz, aby koszyk pozostał zamknięty, dopóki kupujący sam go nie otworzy.

​
Selektory motywu

Aftersell integruje się z twoim sklepem poprzez selektory CSS — na przykład aby wiedzieć, który element otwiera koszyk lub który licznik przy ikonie koszyka synchronizować. Wbudowane wykrywanie obejmuje najpopularniejsze motywy Shopify (Dawn, Sense, Crave, Debut, Impulse, Horizon i wiele innych), więc większość sklepów nigdy nie musi ich dotykać. Zmieniaj selektor tylko wtedy, gdy coś nie łączy się prawidłowo w twoim motywie.

​
Tryby selektorów

Każdy selektor oferuje te same trzy tryby: Pole selektora jest aktywne tylko w trybach Default + custom i Custom only.

​
Trzy selektory

​
Jak znaleźć selektor

  1. Otwórz sklep w przeglądarce (zalecany Chrome).
  2. Kliknij prawym przyciskiem element, który chcesz wskazać — ikonę koszyka, liczbę pozycji lub przycisk dodania do koszyka — i wybierz Zbadaj.
  3. W otwartym panelu znajdź element, który go reprezentuje (licznik to często span wewnątrz ikony koszyka).
  4. Zanotuj jego klasę (zaczyna się od .) lub ID (zaczyna się od #) — na przykład .header__cart-count span lub #CartCount.
  5. Z powrotem w Cart settings ustaw selektor na Default + custom lub Custom only i wklej go.
  6. Zapisz, a następnie przetestuj na desktopie i urządzeniu mobilnym.
Zacznij od Default — działa z większością motywów bez konfiguracji. Sięgnij po Default + custom, gdy tylko jedna z kilku ikon się aktualizuje (np. desktop działa, a mobile nie), a po Custom only, gdy domyślny selektor celuje w zły element. Jeśli nie masz pewności, którego selektora użyć, deweloper twojego motywu może go wskazać — nie musisz pisać żadnego kodu, wystarczy kopiuj-wklej.