Skip to main content

Przegląd

Jeśli doświadczasz problemu z brakującymi strzałkami karuzeli w module upsell Upcart, zwykle wynika to z problemu kompatybilności z szablonem Twojego sklepu. Aby to rozwiązać, możesz ręcznie dodać strzałki, stosując dostosowanie za pomocą niestandardowego HTML w ustawieniach edytora Upcart. Aby uzyskać dostęp do pól niestandardowego kodu w Upcart: Cart Editor > Settings, następnie zakładki Custom HTML i Custom CSS. Settings to rząd zakładek — wszystko, co się nie mieści, znajduje się pod More settings.

HTML

Dla tej poprawki otwórz menu rozwijane HTML i wybierz „Scripts (before load)”, a następnie wklej do tej sekcji poniższy kod:
Nie używaj tutaj gołego document.querySelector. Upcart renderuje się w shadow root w większości sklepów (to domyślne ustawienie dla nowszych instalacji), a document.querySelector nie może do niego zajrzeć — skrypt niczego by nie znalazł i, bez zabezpieczeń if, rzuciłby błąd na null. Powyższa linia host?.shadowRoot ?? document działa w obu przypadkach.
Uwaga dotycząca starszych wersji: callbacki window.upcartOnCartOpened nadal działają, ale są przestarzałe i logują ostrzeżenia w konsoli. Dla wszystkich nowych skryptów używaj upcartSubscribeCartOpened.
Oto jak powinny wyglądać Twoje ustawienia Custom HTML w Upcart: Ustawienia Custom HTML w Upcart ze skryptem strzałek karuzeli w Scripts Before Load

CSS

Jeśli nadal masz problemy z pozycją strzałek karuzeli, spróbuj zastosować następującą poprawkę CSS:

Wyjaśnienie

Często używamy pseudoelementów CSS (::before) zawartych wewnątrz przycisków do wyświetlania strzałek karuzeli. Jednak niektóre szablony sklepów blokują renderowanie pseudoelementów, co powoduje znikanie strzałek karuzeli z koszyka wysuwanego. Tworzy to problem, w którym strzałki karuzeli upsell pojawiają się poprawnie w podglądzie edytora, ale nie w faktycznie działającym sklepie.