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.
Dla tej poprawki otwórz menu rozwijane HTML i wybierz „Scripts (before load)”, a następnie wklej do tej sekcji poniższy kod:
<script> window.upcartSubscribeCartOpened(() => { setTimeout(() => { // The cart may render inside a shadow root, where document.querySelector // cannot reach it. Search the shadow root when there is one. const host = document.getElementById('upCart'); const scope = host?.shadowRoot ?? document; const buttonLeft = scope.querySelector('.control-arrow.control-prev'); if (buttonLeft) buttonLeft.innerText = "<"; const buttonRight = scope.querySelector('.control-arrow.control-next'); if (buttonRight) buttonRight.innerText = ">"; }, 300); });</script>
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:
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.
Czy ta strona była pomocna?
⌘I
Assistant
Responses are generated using AI and may contain mistakes.