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

Aplikacja oferuje dwa podstawowe typy lokowania dla ustawień Countdown:

• 📌 Domyślne miejsca
• 🧩 Niestandardowe miejsca

W większości przypadków domyślne obszary lokowania działają doskonale.

Jednakże, czasami kupcy mogą chcieć więcej elastyczności i wolą umieścić Countdown w całkowicie niestandardowym miejscu w zależności od ich układu sklepu.

To dokładnie tam gdzie Niestandardowe położenie funkcja staje się użyteczna ✨

Korzystanie z pozycji Własny, Odliczanie może być umieszczone:

• Wewnątrz Shopify Bloki aplikacji
• Wewnętrzne sekcje cieczowe
• Pliki motywu wewnątrz
• Wnętrze ręcznie sterowane lokalizacje sklepowe

Dokumentacja ta wyjaśnia, jak prawidłowo włączyć pozycję Custom i jak umieścić Countdown przy użyciu obu dostępnych metod.

🛠️ Krok 1 - Otwórz aplikację

Otwórz aplikację Shopify Admin.

📂 Krok 2 - Otwórz lub utwórz konfigurację odliczania

Możesz albo:

→ Otwórz istniejącą konfigurację odliczania
→ Lub utworzyć nową konfigurację

⚙️ Krok 3 - Przejdź do karty rozmieszczenia

→ Otwórz Umieszczenie zakładka wewnątrz ustawienia Countdown.

Zakładka Placement kontroluje, gdzie i jak pojawia się Countdown w sklepie.

🎯 Krok 4 - zmiana położenia na niestandardowe położenie

Wnętrze ustawień umieszczenia:

→ Zmień opcję umieszczenia na: Niestandardowe położenie

→ Następnie: Kliknij Zapisz

⚠️ Ważne:

Włączenie pozycji Własny usuwa odliczanie z domyślnych obszarów rozmieszczenia.

Odliczanie pojawi się teraz tylko tam, gdzie jest ręcznie umieszczony.

🆔 Metoda 1 - Użycie identyfikatora odliczania

Ta metoda jest idealna, gdy chcesz umieścić licznik bezpośrednio przy użyciu ShopifyEdytor motywów.

🎨 Krok 5 - Otwórz Shopify Edytor motywów

Od Shopify Admin:

→ Przejdź do Kanały sprzedaży → Sklep internetowy
→ Kliknij Edytuj motyw

To otwiera Shopify Edytor motywów.

➕ Krok 6 - Dodaj blok aplikacji Countdown

Wnętrze edytora motywu:

→ Przejdź do sekcji, w której chcesz, aby pojawiło się Countdown
→ Zawisać wokół kompatybilnych odcinków aż do koloru niebieskiego ➕ Pojawia się ikona
→ Kliknij Dodaj blok

Następnie:

→ Otwórz Aplikacje kategoria
→ Wybierz blok aplikacji Countdown

Blok aplikacji zostanie dodany do wybranego obszaru.

🔗 Krok 7 - Dodaj identyfikator odliczania

Po dodaniu bloku aplikacji:

→ Wprowadź ID Countdown wewnątrz ustawień bloku aplikacji

Następnie:

→ Zapisz Shopify Motyw
→ Zapisz także konfigurację Countdown wewnątrz aplikacji

⚠️ Ważne:

Oba oszczędności są wymagane.

W przeciwnym razie, odliczanie może nie pojawić się poprawnie w sklepie.

🧩 Metoda 2 - Używanie kodu odliczającego

Metoda ta jest przydatna, gdy chcesz bardziej zaawansowanej elastyczności umieszczania.

Snippet kodu odliczania może być:

• Dodano używając niestandardowego bloku cieczy
• Dodano bezpośrednio do Shopify Pliki motywu

➕ Krok 8 - Dodaj niestandardowy blok cieczy

Wewnątrz Shopify Edytor motywów:

→ Przejdź do obszaru, w którym chcesz, aby pojawiło się odliczanie
→ Zawisać wokół kompatybilnych odcinków aż do koloru niebieskiego ➕ Pojawia się ikona
→ Szukaj Własny płyn

Następnie:

→ Dodaj kod odliczający Snippet wewnątrz niestandardowego bloku cieczy

Pozwala to na renderowanie Countdown w wybranej pozycji.

💻 Dodawanie kodu Snippet bezpośrednio do plików tematycznych

W razie potrzeby, Snippet kodu odliczania można również dodać bezpośrednio do Shopify Pliki kodu motywu.

Jest to przydatne, gdy:

• Bloki aplikacji są niedostępne
• Niestandardowe sekcje cieczy nie są obsługiwane
• Zaawansowana personalizacja sklepu jest potrzebna

⚙️ Otwarcie Shopify Edytor kodów

⚠️ Ważne:

Nie zaleca się modyfikacji Shopify Pliki motywu, chyba że:

• Jesteś wygodny w pracy z Shopify kod
• Albo rozumiesz, co się zmienia.

Nieprawidłowe modyfikacje wewnątrz Pliki tematyczne mogą wpływać na zachowanie sklepu.

Aby otworzyć Shopify Edytor kodu:

→ Przejdź do Kanały sprzedaży → Sklep internetowy
→ Kliknij 3 kropki obok menu Edytuj motyw przycisk
→ Kliknij Edytuj kod

🧩 Identyfikacja właściwego obszaru magazynowego

Przed umieszczeniem kodu odliczającego Snippet, ważne jest, aby określić dokładną lokalizację sklepu, w którym Countdown powinien się pojawić.

Jeden prosty sposób:

→ Otwórz swój sklep w przeglądarce
→ Kliknij prawym przyciskiem myszy w pobliżu obszaru, w którym chcesz odliczyć
→ Kliknij Kontrola

Otwiera przeglądarkę Developer Tools.

Stamtąd:

→ Sprawdź otaczającą strukturę HTML
→ Identyfikacja użytecznych nazw klas lub odniesień do sekcji
→ Dopasuj te sekcje do odpowiednich Shopify .liquid pliki w edytorze kodów

✨ Pomaga to dokładniej zlokalizować właściwy plik motywu.

🔍 Znalezienie poprawnego pliku motywu

Po otwarciu Shopify Edytor kodu:

→ Przejdź przez pliki tematyczne po lewej stronie
→ Zlokalizować .liquid plik odpowiedzialny za obszar, w którym chcesz, aby pojawiło się odliczanie
→ Wyszukaj dowolny numer identyfikacyjny / klasy za pomocą funkcji wyszukiwania edytora kodu
→ Kliknij na najbardziej obiecujące .liquid plik

Na przykład:

• W ramach:
• • main-product.liquid
  • product-template.liquid
• W:
• • cart.liquid
  • cart-drawer.liquid
• Niestandardowe sekcje mogą istnieć wewnątrz:
• • sections/*.liquid

➕ Dodaj kod odliczania

Po poprawnym .liquid plik został zidentyfikowany:

→ Wklej kod odliczania Snippet w żądanej pozycji wewnątrz pliku

⚠️ Ważne:

Upewnij się, że fragment jest dodany ostrożnie w odpowiedniej lokalizacji.

Nieprawidłowe umieszczenie może spowodować:

• Kwestie dotyczące układu
• Niewłaściwe renderowanie
• Nieoczekiwane zachowanie w sklepie

💾 Zapisz plik motywu

Po umieszczeniu kodu:

→ Kliknij Zapisz

Następnie:

→ Odśwież podgląd sklepu
→ Weryfikacja, czy odliczanie pojawia się poprawnie w wybranej lokalizacji ✨

🎉 Wynik końcowy

Po skonfigurowaniu:

✅ Odliczanie może pojawić się w całkowicie niestandardowych pozycjach storefrontu
✅ Shopify Bloki aplikacji mogą się poprawnie połączyć za pomocą ID Countdown
✅ Zaawansowane umieszczanie w sklepach staje się możliwe za pomocą Code Snippets
✅ Kupcy zyskują znacznie większą elastyczność w stosunku do widoczności w sklepach ✨

Aktualizowane na: 10/09/2026