> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🚀 Jak dostosować odstępy wokół wyrzutni

> ℹ️ **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 ✨