> ## 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ć własną pozycję dla Konwerter walut > ℹ️ **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. Funkcja Custom Position pozwala umieścić Konwerter walut dokładnie tam, gdzie chcesz go na swoim sklepie. Zamiast używać domyślnych pozycji zmiennoprzecinkowych lub nagłówków, można dołączyć Konwerter walut do określonego elementu wewnątrz Shopify Motyw za pomocą selektora CSS. Daje to większą elastyczność i pomaga Konwerter Waluta wtopić się naturalnie w projekt sklepu. 🎯 --- # **⚠️ Zanim zaczniesz** Przed ustawieniem pozycji na zamówienie upewnij się, że: * Hoppy Currency Converter jest zainstalowany i skonfigurowany * Zamontowana aplikacja jest włączona * Wsiadanie na pokład zakończone * Wiesz, gdzie chciałbyś, aby Konwerter Waluta pojawić 💡 Wspólne lokalizacje obejmują paski nawigacyjne, nagłówki, boki, menu użytkowe i niestandardowe sekcje sklepowe. --- # **✅ Krok 1: Otwórz ustawienia wyświetlacza** Otwórz **Hoppy Currency Converter** aplikacja z Twojego Shopify Admin. Następnie: → Przejdź do **Ustawienia** → Kliknij **Wyświetl** Zlokalizuj: * Pozycja pulpitu * Pozycja mobilna Możesz skonfigurować własne pozycjonowanie oddzielnie dla urządzeń stacjonarnych i mobilnych. --- # **✅ Krok 2: Wybierz pozycję użytkownika** Pod **Styl pozycji**, zobaczysz dostępne opcje lokacji. ### **Dostępne style pozycji** #### **Pływające** Wyświetla Konwerter walut jako zmienny widget na stronie internetowej. --- #### **Nagłówek** Umieszcza Konwerter walut wewnątrz nagłówka sklepu. --- #### **Niestandardowe położenie** Umieszcza Konwerter walutowy wewnątrz określonego elementu wybranego przez Ciebie. Wybierz: → **Niestandardowe położenie** Po wybraniu, dodatkowe ustawienia stają się dostępne automatycznie. --- # **✅ Krok 3: Wprowadź element docelowy** Wewnątrz **Własny element** pole, wprowadzić CSS selektor elementu, w którym powinien pojawić się Konwerter walut. ### **Obsługiwane typy wyboru** #### **Wybór klasy** Początek z okresem (`.`) ### **Przykład** `.header-actions` --- #### **ID Selektor** Zaczyna się od haszu (`#`) ### **Przykład** `#currency-wrapper` --- #### **Wybór elementu** Bezpośrednio używa nazwy elementu HTML. ### **Przykład** `header` --- # **🔍 Jak znaleźć selektor** Jeśli nie masz pewności, którego wyboru używać: 1. Otwórz swój sklep. 2. Prawo - kliknij obszar, w którym chcesz Konwerter walut. 3. Kliknij **Kontrola**. 4. Zlokalizuj element HTML. 5. Kliknij prawym przyciskiem myszy na element. 6. Wybierz **Kopiuj → Kopiuj selektor**. 7. Wklej skopiowany selektor do **Własny element** Pole. ### **Przykład** `#block-template--166120#######__banner_bckcpm-video_CLEttT > div.media-with-text__content.rounded.text-custom > div > a` ⚠️ Unikać stosowania tymczasowego Shopify\-generowane identyfikatory, ponieważ mogą się one zmienić po aktualizacji tematu. W miarę możliwości zaleca się stosowanie stabilnych nazw klas. --- # **✅ Krok 4: Wybierz położenie** Po wejściu do selektora wybierz, w jaki sposób należy wprowadzić Konwerter Waluta względem tego elementu. ### **Dostępne opcje rozmieszczenia** --- ## **Przed** Umieszcza Konwerter walut bezpośrednio przed wybranym elementem. ### **Przykład** Jeżeli celem jest ikona koszyka: → Konwerter walut pojawia się po lewej stronie ikony koszyka. --- ## **Po** Umieszcza Konwerter walut natychmiast po wybranym elemencie. ### **Przykład** Jeżeli celem jest logo: → Konwerter walut pojawia się po prawej stronie logo. --- ## **Dołącz** Umieszcza Konwerter walut wewnątrz wybranego elementu, na końcu. ### **Przykład** Jeżeli celem jest kontener nawigacyjny: → Konwerter walut pojawia się po wszystkich istniejących pozycji nawigacyjnych. 💡 Jest to często najlepsza opcja wyjścia dla większości tematów. --- ## **Wypłata** Umieszcza Konwerter walut wewnątrz wybranego elementu, na początku. ### **Przykład** Jeżeli celem jest kontener nawigacyjny: → Konwerter walut pojawia się przed wszystkimi istniejącymi elementami nawigacji. --- # **✅ Krok 5: Zapisz zmiany** Po skonfigurowaniu opcji wyboru i umieszczenia: → Kliknij **Zapisz** Konwerter walut będzie teraz próbował renderować w wybranej lokalizacji. --- # **✅ Krok 6: Sprawdzić położenie** Odwiedź swój sklep i potwierdzić, że Konwerter walut pojawia się w pożądanej lokalizacji. Jeżeli nie występuje: * Weryfikacja przełączania jest poprawna * Potwierdź istnienie elementu na stronie * Spróbuj innej opcji umieszczenia * Odśwież stronę 💡 Odświeżenie jest często pomocne po wprowadzeniu zmian w miejscu. --- # **🛠️ Metoda alternatywna: ręczne umieszczenie** Jeśli użycie selektora CSS nie jest odpowiednie dla Twojego motywu, możesz ręcznie umieścić Konwerter walutowy używając jego kodu. Metoda ta jest przydatna, gdy: * Chcesz mieć pełną kontrolę nad tym, gdzie pojawia się Konwerter walut. * Twój motyw nie zawiera odpowiedniego elementu do celu z **Niestandardowe położenie**. * Wygodnie ci robić drobne dostosowania tematyczne. ### **Krok 1: Kopiuj kod przeliczeniowy** Otwórz **Hoppy Currency Converter** aplikacja z Twojego Shopify Admin. Następnie: → Przejdź do **Zaawansowane** Zlokalizuj: → **Waluta Konwersja Box Placement** Kopiuj podany kod z naszej aplikacji lub poniżej: `
` To jest fragment, który umieścisz tam, gdzie chcesz, by pojawił się Konwerter Waluta. --- ### **Krok 2: Dodaj Snippet do motywu** #### **Opcja A - korzystanie z własnego bloku cieczy** Z Shopify Edytor motywów: → Przejdź do sekcji, gdzie chcesz, aby Konwerter Waluta pojawić. → Kliknij **➕ Dodaj blok** Przycisk. → Szukaj i dodawaj **Własny płyn** Blok. → Wkleić kod konwertera waluty Snippet do niestandardowych bloków cieczy. → Kliknij **Zapisz**. --- #### **Opcja B - Edycja plików motywu** Dla zaawansowanych dostosowania sklepu, można również dodać ten sam kod Snippet bezpośrednio do Shopify pliki motywu. Przejdź do: **Sklep internetowy → Tematy** → Kliknij **Uzasadnienie** menu obok **Edytuj motyw** → Wybierz **Edytuj kod** Zlokalizuj odpowiedni `.liquid` plik dla sekcji, gdzie chcesz, aby Konwerter Waluta pojawić, a następnie wkleić kod Konwerter waluty Snippet w żądanej lokalizacji. ⚠️ **Ważne:** Metoda ta przeznaczona jest dla kupców wygodna edycja Shopify Kod motywu. Zalecamy powielenie tematu przed dokonaniem zmian, ponieważ nieprawidłowe modyfikacje mogą mieć wpływ na układ lub funkcjonalność sklepu. --- ### **Wybór musi pojawić się na stronie** Jeśli wybrany element istnieje tylko na niektórych stronach, Konwerter walut pojawi się tylko na tych stronach. Korzystanie z globalnych nagłówek lub nawigacyjnych selektorów zazwyczaj zapewnia najlepsze wyniki. --- ### **Ukryte elementy Ukryj konwerter** Jeśli wybrany element jest ukryty przez motyw na niektórych urządzeniach, Konwerter walut będzie również ukryty. Zawsze testować zarówno pulpit i układy mobilne. --- ### **Możesz zamienić się z powrotem w każdej chwili.** Jeśli pozycja Custom nie jest już potrzebna: → Powrót do **Ustawienia wyświetlania** → Zmiana **Styl pozycji** powrót do: * Pływające * Nagłówek Nie jest wymagana dodatkowa konfiguracja. --- # **🎉 Wynik końcowy** Po skonfigurowaniu: ✅ Konwerter walut pojawia się dokładnie tam, gdzie chcesz ✅ Desktop i ruchome układy mogą korzystać z różnych miejsc ✅ Widget miesza się naturalnie w Twojej konstrukcji sklepowej ✅ Umieszczenie można regulować bez edycji plików motywu ✅ Zaawansowani kupcy mogą ręcznie umieścić konwerter za pomocą plików Custom Liquid lub Theme dla pełnej kontroli Korzystanie z pozycji Custom pomaga stworzyć bardziej bezproblemowe i profesjonalne doświadczenie storefront przy jednoczesnym zachowaniu Konwerter walut łatwo dostępne dla klientów. 🎯