> ## 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 ustawić Picker Slot na stronie koszyka

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