ℹ️ 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.

Czasami zbieracz szczelin siedzi trochę za blisko elementów wokół niego - lub czuje ciasno wewnątrz własnego pojemnika. Kilka pikseli w pokoju oddychania może sprawić, że będzie wyglądać jak w domu na Twojej stronie koszyka 📐

Z Odstęp ustawienia w Hoppy Delivery Dates, można dostosować marginesy wokół każdej części picker - oddzielnie dla Desktop i Mobile.

📌 Zanim zaczniesz

• Hoppy Delivery Dates jest zainstalowany, a aplikacja osadzona jest włączona w temacie
• Wybór szczeliny jest widoczny na Twojej stronie koszyka
• Jesteś zalogowany do swojego Shopify admin

Krok 1 - Otwórz stronę Wygląd

W nawigacji aplikacji przejdź do:

Hoppy Delivery Dates → Wygląd

Znajdź Odstęp karta.

Karta ma Desktop oraz Mobile tabs - odstęp jest skonfigurowany oddzielnie dla każdego urządzenia.

Krok 2 - Zrozumienie czterech grup odstępów

Karta jest podzielona na cztery grupy, a każda z nich kontroluje margines wokół innej części pickera:

• SEKCJA MARGIN → przestrzeń wokół całej sekcji szczeliny
• MARGINY DZIAŁU → przestrzeń wokół tekstu nagłówka (np. "Kiedy chcesz otrzymać ten Zamówienie?")
• DATA I CZAS PICKER MARGIN → przestrzeń wokół pól wprowadzania daty i czasu
• MARGINY MESSAGU ERROR → miejsce wokół komunikatów błędów (pokazane, gdy klient nie wybrał gniazda lub jest poniżej minimalnej wartości zamówienia)

Każda grupa ma te same cztery pola, wszystkie w pikselach:

• Góra
• Dół
• Lewo
• Racja.

ℹ️ Wszystkie pola domyślne 10 px.

Krok 3 - Dostosowanie marginesów

Wprowadź liczbę pikseli w każdym polu - nie ma potrzeby wpisywania "px", jest on dodawany automatycznie.

Przykład

• Picker dotyka przycisku checkout → wzrost SEKCJA MARGIN → Top do 24
• Nagłówek czuje się przyklejony do pola daty → wzrost GŁÓWNY MARGIN → Dół do 16
• Na telefon komórkowy, picker boxes stretch krawędzi do krawędzi → zestaw DATA i CZAS PICKER MARGIN → lewo oraz Racja. do 0

💡 Dodać małe zmiany (5- 10 px na raz), zapisać i sprawdzić stronę koszyka - odstępy jest znacznie łatwiej ocenić na stronie na żywo niż w polach.

Krok 4 - Powtórzyć dla Mobile (opcjonalnie)

Przełącz na Mobile zakładka, jeśli mniejsze ekrany wymagają różnych odstępów. Układy mobilne często potrzebują krótszych marginesów niż pulpit, więc warto szybko sprawdzić.

Krok 5 - Zapisywanie i przegląd

Kliknij Zapisz na górze strony.

Następnie otwórz stronę koszyka i sprawdź odstępy na pulpicie i mobilnym 👀

⚠️ Ważne uwagi

⚠️ Desktop i ruchome odstępy są niezależne - zmiana jednej zakładki nie wpływa na drugą.

ℹ️ Te ustawienia kontrolują tylko marginesy (spacja na zewnątrz Każdy element). Nie zmieniają rozmiaru samego zbieracza. Szerokość pojemnika szczelinowego ustawienia objęte W jaki sposób ustawić Picker Slot na stronie koszyka.

🎉 Wynik końcowy

Po skonfigurowaniu:

✅ Picker szczeliny ma wygodne miejsce wokół niego na stronie koszyka ✅ Nagłówek, daty i pola czasowe oraz komunikaty błędów nie czują się już zaciśnięte ✅ Desktop i Mobile każdy dostać odstępy, które pasują do ich rozmiaru ekranu ✨

Aktualizowane na: 10/09/2026