Koszyk w Aftersell to konfigurowalne doświadczenie cart drawera. Projektujesz go w dwóch stanach, rozmieszczasz w trzech sekcjach i wypełniasz te sekcje blokami.
Każdy koszyk ma dwa niezależne układy. Przełączasz się między nimi w edytorze:
- Wypełniony koszyk: to, co klienci widzą, gdy koszyk zawiera produkty.
- Pusty koszyk: to, co klienci widzą, gdy koszyk nie zawiera produktów.
Niektóre bloki należą tylko do jednego stanu:
Inne bloki (Header, Banner, Rewards, Image, Custom code i więcej) mogą występować w obu stanach. Nowe koszyki zaczynają od Header + Empty cart w stanie pustym oraz Header → Banner → Cart items → Summary → Checkout button w stanie wypełnionym.
Stan pustego koszyka to cały pusty układ. Blok Empty cart to jeden blok wewnątrz tego układu, zwykle komunikat i przycisk kontynuowania zakupów. Nazwy brzmią podobnie, ale stan może zawierać więcej niż ten jeden blok.
Każdy stan jest podzielony na trzy sekcje: Header, Body i Footer. Sekcje kontrolują, gdzie znajduje się blok i jak się przewija:
- Header: przypięty do górnej części drawera; pozostaje widoczny podczas przewijania korpusu.
- Body: przewijalny środek. Bloki tutaj poruszają się razem z treścią. Zablokowany blok: Cart items.
- Footer: przypięty do dolnej części drawera. Zablokowany blok: Checkout button.
Gdy dodajesz lub przenosisz blok, jego sekcja decyduje o zachowaniu przy przewijaniu. Nie każdy blok jest dostępny w każdej sekcji. Zobacz Jak działają bloki?.
Blok to konfigurowalny element drawera (lista produktów, oferta upsellu, przycisk checkoutu itd.). Układasz je w sekcji, zmieniasz ich kolejność i stylizujesz. O tym, jak działa dodawanie, limity, sub-bloki i warunki, przeczytasz w Jak działają bloki?.