Bloki aplikacji w motywie

Rozszerzenie motywu Gibbond dodaje do sklepu trzy elementy — widżet w koszyku, pasek w szufladzie koszyka oraz adnotacje cenowe zależne od poziomu. Żadnych wstrzykiwanych skryptów; wszystko to bloki aplikacji lub osadzenia aplikacji w standardzie Online Store 2.0, którymi sterujesz z poziomu edytora motywu.

Co dostajesz

Blok	Typ	Gdzie się pojawia
Widżet lojalnościowy w koszyku	Blok aplikacji	Wewnątrz szablonu strony koszyka
Lojalność w szufladzie koszyka	Osadzenie aplikacji	Twoja szuflada koszyka AJAX / mini-koszyk
Adnotacje cenowe lojalności	Osadzenie aplikacji	Każda strona — opisuje ceny dla członków na danym poziomie

ℹ️

Blok aplikacji a osadzenie aplikacji. Blok aplikacji dodajesz do konkretnej sekcji/szablonu przez Dodaj blok. Osadzenie aplikacji włączasz globalnie z panelu Osadzenia aplikacji (ikona puzzla na dole lewego panelu edytora motywu).

1 · Widżet lojalnościowy w koszyku

Rozbudowana karta lojalnościowa na stronie koszyka. Zalogowanym członkom od razu pokazuje saldo i odznakę poziomu, szacunkową liczbę „punktów, które zdobędziesz” z rozbiciem na poszczególne pozycje, istniejące kody rabatowe z zastosowaniem jednym kliknięciem oraz rozwijaną listę nagród do wymiany. Klienci spoza programu widzą przycisk Dołącz; goście widzą zachętę do zalogowania.

Widżet w koszyku (przykładowy). Saldo i poziom pojawiają się od razu; szacunki zdobytych punktów uzupełniają się chwilę później.

Jak go dodać

Sklep online → Motywy → Dostosuj
Otwórz swój motyw w edytorze.
Przełącz się na szablon Koszyk
Użyj selektora szablonów u góry, aby otworzyć Koszyk.
Dodaj blok → Aplikacje
W sekcji koszyka kliknij Dodaj blok i wybierz Widżet lojalnościowy w koszyku.
Umieść i skonfiguruj
Przeciągnij go tam, gdzie chcesz, dostosuj poniższe ustawienia, a następnie kliknij Zapisz.

Ustawienia

Ustawienie	Typ	Domyślnie
Schemat kolorów	lista wyboru (1–4)	`scheme-1`
Nagłówek	tekst	`Your Rewards`
Kolor akcentu	kolor	`#4c6ef5`
Pokaż szacunkową liczbę punktów	pole wyboru	`on`
Pokaż nagrody i wymianę	pole wyboru	`on`
Pokaż istniejące kody rabatowe	pole wyboru	`on`
Tekst zachęty do logowania	tekst	`Sign in to view your loyalty rewards`

2 · Lojalność w szufladzie koszyka

Kompaktowy pasek wstrzykiwany do wysuwanej szuflady koszyka w Twoim motywie: saldo + odznaka poziomu + „Zdobądź X punktów” + link Wymień dla członków, przycisk Dołącz dla klientów spoza programu oraz zachęta do logowania dla gości. Pojawia się przy otwarciu szuflady i znika, gdy się ją zamyka.

Jak go dodać

Edytor motywu → Osadzenia aplikacji
Kliknij ikonę puzzla na dole lewego panelu.
Włącz „Lojalność w szufladzie koszyka”
Rozwiń, aby ustawić opcje, a następnie kliknij Zapisz.

Ustawienia

Ustawienie	Typ	Domyślnie
Kolor akcentu	kolor	`#4c6ef5`
Selektor CSS szuflady koszyka	tekst	`cart-drawer, .cart-drawer, #CartDrawer, …`
Pozycja widżetu	lista wyboru	`Before checkout button`

🔧

Widżet nie pokazuje się w szufladzie? Twój motyw używa niestandardowego elementu szuflady. Zaktualizuj Selektor CSS szuflady koszyka, aby pasował do kontenera szuflady w Twoim motywie (obsługiwane są selektory rozdzielone przecinkami).

3 · Adnotacje cenowe lojalności

Dla zalogowanych członków, których poziom daje zniżkę, to osadzenie aplikacji oznacza ceny w całym sklepie — przekreśla pierwotną cenę i pokazuje cenę dla poziomu jako odznakę lub tekst w linii. Działa zgodnie z zachowaniem STACK vs BEST_PRICE Twojego poziomu i utrzymuje ceny zaktualizowane nawet wtedy, gdy klienci przeglądają i filtrują.

Jak je dodać

Edytor motywu → Osadzenia aplikacji
Otwórz panel Osadzenia aplikacji.
Włącz „Adnotacje cenowe lojalności”
Ustaw kolor odznaki, styl wyświetlania oraz (w razie potrzeby) selektor cen, a następnie kliknij Zapisz.

Ustawienia

Ustawienie	Typ	Domyślnie
Kolor odznaki	kolor	`#8B5CF6`
Selektor CSS ceny (zaawansowane)	tekst	`.price-item--regular, .price .money, …`
Styl wyświetlania	lista wyboru	`Badge` / tekst w linii

ℹ️

Adnotacje renderują się tylko dla zalogowanych klientów na poziomie ze zniżką większą niż zero. Goście i klienci na poziomie podstawowym nie widzą niczego.

🌍

Wszystkie teksty w sklepie można tłumaczyć i są one dostępne od razu w wielu językach (angielski, niemiecki, francuski, włoski, hiszpański, portugalski, duński, fiński, norweski, szwedzki, polski). Tekst widoczny dla klientów lokalizuje się automatycznie wraz z językiem sklepu.