[im3]⭐Koszyk Jednoetapowy - Ustawienia

Koszyk Jednoetapowy - Ustawienia dopasowuje wygląd jednoetapowego koszyka i pozwala przypisywać własne ikonki do konkretnych metod dostawy oraz płatności. Dodatkowo może wyświetlać ikonki wybranych subpłatności Shopera, m.in. kart, Google Pay, BLIK i PayPo.

1. W sekcji Ikonki dostaw dodaj pozycję repeatera.
2. Wpisz ID dostawy lub kilka ID po przecinku.
3. Wgraj ikonę, która ma być widoczna przy tych metodach.
4. Powtórz dla kolejnych przewoźników.

W dostarczonym HTML koszyka występują m.in. ID: 1 — InPost Paczkomaty 24/7, 2 — InPost Kurier, 6 — DHL Kurier i 8 — Odbiór osobisty.

1. W sekcji Ikonki płatności dodaj pozycję.
2. Wpisz ID głównej płatności.
3. Wgraj odpowiadającą jej grafikę.

Dostarczony HTML sklepu zawiera tylko płatność Gotówka (ID 1). W środowisku testowym dodałem jeszcze trzy przykładowe płatności, żeby można było normalnie sprawdzać różne przypisania ikon.

Poniższy konfigurator odwzorowuje formularz źródłowy Shopera i cały kontekst koszyka ze screena/HTML. Lewa strona zachowuje strukturę sekcji oraz repeaterów z config.json, a po prawej od razu widać, do których metod trafiają wybrane ikonki.

Po włączeniu opcji Włącz ikonki subpłatności moduł korzysta ze stałego zestawu identyfikatorów w źródle: 1500-18 — karty, 1512-18 — Google Pay, 509-18 — BLIK oraz 8888-18 — PayPo. Pole „ID głównej płatności” wskazuje bramkę, np. Autopay lub Przelewy24, do której należą te subpłatności.

Źródłowy Twig przypisuje grafiki przez selektory CSS bazujące na atrybucie controlid. Dla dostaw szuka shipping-ID, a dla głównych płatności payment-ID-ID. Osobny skrypt korzysta z basketShippingsApi po zdarzeniu basket.initialized; ta część nie posiada pól konfiguracyjnych i nie wymaga ustawień klienta.