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

<div class="futureblink-currency-box"></div>

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. 🎯

Aktualizowane na: 10/09/2026