ℹ️ Note: Ten artykuł został automatycznie przetłumaczony za pomocą AI i może zawierać nieścisłości. Jeśli coś wygląda źle, skontaktuj się z naszym zespołem wsparcia.

Każdy motyw przedstawia swoją stronę koszyka nieco inaczej - więc zbieracz szczeliny powinien siedzieć dokładnie tam, gdzie ma to sens dla do przechowywać 📍

Z Pozycja ustawienia w Hoppy Delivery Dates, można kontrolować, gdzie wybieracz szczeliny pojawia się na stronie koszyka, jak jest wyrównany i jak szeroki jest - oddzielnie dla Desktop i Mobile.

📌 Zanim zaczniesz

• Hoppy Delivery Dates jest zainstalowany, a aplikacja osadzona jest włączona w temacie
• Jesteś zalogowany do swojego Shopify admin
• (nieobowiązkowo) Jeśli planujesz korzystać z własnego wyboru CSS, pomaga poznać strukturę HTML Twojego motywu - narzędzie Inspect przeglądarki jest Twoim przyjacielem tutaj 🔍

Krok 1 - Otwórz stronę Wygląd

W nawigacji aplikacji przejdź do:

Hoppy Delivery Dates → Wygląd

Znajdź Pozycja karta - to pierwsza karta na stronie.

Krok 2 - wybrać kartę urządzenia

Karta ma dwie karty:

• Desktop 🖥️
• Mobile 📱

Ustawienia są zapisywane oddzielnie dla każdego z nich, więc można dostroić pozycję dla większych i mniejszych ekranów. Konfiguracja jednej karty, następnie przełączanie na drugą i powtarzanie w razie potrzeby.

Krok 3 - wybrać Gdzie pojawia się Picker

Pod "Gdzie chcesz znaleźć datę?", wybrać jedną z opcji radiowych:

• Domyślny (przed zameldowaniem lub zakończeniem formularza strony koszyka) → aplikacja automatycznie umieszcza picker w pobliżu przycisku wymeldowania. To działa z pola dla większości sklepów, ponieważ aplikacja wykrywa motyw i używa dopasowania pozycji - nie wymaga konfiguracji ✅
• Przed elementem HTML → picker jest umieszczony tuż przed określonym elementem
• Na początku elementu HTML → picker jest umieszczony wewnątrz elementu, przed jego istniejącą zawartością
• Na końcu elementu HTML → picker jest umieszczony wewnątrz elementu, po jego istniejącej zawartości
• Po elemencie HTML → picker jest umieszczony zaraz po elemencie, który podasz

Korzystanie z własnego wyboru CSS

Wybór innej opcji niż Domyślne ujawnia dodatkowe pole tekstowe. Wprowadź selektor CSS elementu, który chcesz wybrać.

• Przykład uchwytu miejsca: .cart_input
• Przykład klasy: .cart-footer
• Przykład ID: #main-cart-footer

⚠️ Jeśli selektor CSS nie pasuje do żadnego elementu na Twojej stronie koszyka, w ogóle nie może pojawić się wybieracz szczelin. Double- sprawdzić selektor za pomocą narzędzia Inspect przeglądarki i zawsze przeglądaj stronę koszyka po zapisaniu, aby potwierdzić, że picker jest widoczny.

💡 Jeśli picker zniknie po ustawieniu własnego wyboru, przełącz na Domyślne i zapisać - to najszybszy sposób na przywrócenie go.

Krok 4 - ustawienie wyrównania

Wybierz sposób, w jaki picker ustawia się wewnątrz pojemnika:

• Centrum
• Lewo
• Racja.

Przykład

• Szeroki, minimalny motyw często wygląda najlepiej z Centrum
• Jeśli twoje podsumowanie koszyka jest po prawej stronie, Lewo może utrzymać równowagę

Krok 5 - Ustawienie szerokości kontenera (opcjonalnie)

Stosowanie Szerokość pojemnika szczelinowego w celu kontroli szerokości pickera:

• Wprowadź numer w polu szerokości (np. 100)
• Wybierz jednostkę z dołu obok: % lub px

Przykład

• 100 + % → zbieracz rozciąga się, aby wypełnić dostępną przestrzeń
• 400 + px → kompaktowy, zamocowany wybielacz szerokości

ℹ️ To pole jest opcjonalne - pozostaw puste, aby picker mógł używać swojej naturalnej szerokości.

Krok 6 - Zapisz i sprawdź swój magazyn

Kliknij Zapisz na górze strony.

Więc otwórz kartę sklepu i potwierdź, że zbieracz siedzi dokładnie tam, gdzie chciałeś. Pamiętaj, aby sprawdzić na pulpicie i mobilnym, jeśli skonfigurowałeś obie karty 👀

⚠️ Ważne uwagi

⚠️ Pozycje pulpitu i mobilnego są skonfigurowane niezależnie - zmiana jednej zakładki nie wpływa na drugą.

ℹ️ W Domyślne opcja jest theme- aware: aplikacja wykrywa motyw i wybiera odpowiednie miejsce automatycznie, więc jest to najbezpieczniejszy wybór, jeśli nie jesteś pewien.

⚠️ Nieprawidłowy lub przestarzały selektor CSS (na przykład po przełączeniu motywów) jest najczęstszym powodem, dla którego picker przestaje pokazywać - sprawdź najpierw, jeśli tak się stanie.

🎉 Wynik końcowy

Po skonfigurowaniu:

✅ Picker szczeliny pojawia się dokładnie tam, gdzie chcesz go na stronie koszyka ✅ Desktop i Mobile każdy uzyskać ich idealne miejsce ✅ Wyrównanie i szerokość sprawiają, że zbieracz czuje się jak naturalna część tematu ✨

Aktualizowane na: 10/09/2026