Edytowanie kodu szablonu
Możesz edytować kod szablonu, aby wprowadzić szczegółowe zmiany w swoim sklepie online. Większość plików tworzących szablon zawiera język tworzenia szablonów Shopify Liquid. Pliki szablonów zawierają także język HTML, CSS i JavaScript. Edytuj kod szablonu tylko wtedy, gdy znasz język HTML i CSS oraz posiadasz podstawową wiedzę na temat języka Liquid.
Jeśli edytujesz kod swojego szablonu, możesz sprawić, że nie będzie on kwalifikował się do automatycznych aktualizacji. Edytuj kod szablonu tylko wtedy, gdy nie możesz dokonać potrzebnych zmian za pomocą ustawień HTML, Liquid lub aplikacji Shopify.
Rozwój: Jeśli chcesz dodać niestandardowe funkcje lub kod, ale nie masz doświadczenia w tworzeniu stron internetowych za pomocą HTML, CSS lub JavaScript, rozważ zatrudnienie eksperta Shopify.
Zanim dostosujesz swój szablon
Zanim dostosujesz swój szablon, dobrym pomysłem będzie wykonanie następujących zadań:
- Duplikuj swój szablon, aby utworzyć kopię zapasową. Ułatwi to odrzucenie zmian i ponowne rozpoczęcie w razie potrzeby.
- Zapoznaj się z dostępnym poziomem wsparcia.
- Poznaj wymagania i najlepsze praktyki dotyczące ładowania zdjęć.
Edytuj kod szablonu
Możesz edytować kod swojego szablonu.
Kroki:
- Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
- W aplikacji Shopify naciśnij opcję Sklep.
- W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
- Naciśnij opcję Zarządzaj szablonami.
- W aplikacji Shopify naciśnij opcję Sklep.
- W sekcji Kanały sprzedaży naciśnij opcję Sklep online.
- Naciśnij opcję Zarządzaj szablonami.
- Kliknij Czynności > Edytuj kod.
Edytor kodu wyświetla katalog plików szablonów po lewej stronie oraz miejsce do przeglądania i edycji plików po prawej stronie.
Możesz rozwinąć edytor kodu, aby wypełnić ekran, klikając ikonę rozwijania:
Możesz przywrócić stronę do pierwotnego stanu, klikając ikonę zwijania:
Po kliknięciu pliku w katalogu po lewej stronie otwiera się on w edytorze kodu. Możesz otwierać i edytować wiele plików jednocześnie. Obok nazwy modyfikowanych plików wyświetli się kropka:
Pomaga ona śledzić miejsce dokonywania zmian.
Przełącz się na starszą wersję szablonu
Jeśli chcesz cofnąć zmiany dokonane w plikach szablonów, możesz to zrobić, wpisując w poszczególnych plikach .liquid godzinę i datę sprzed zmian.
Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
W aplikacji Shopify naciśnij Sklep.
W sekcji Kanały sprzedaży naciśnij Sklep online.
Naciśnij opcję Zarządzaj szablonami.
Znajdź szablon, który chcesz edytować, a następnie kliknij Czynności > Edytuj kod.
-
W nagłówku Szablony kliknij jeden z ostatnio edytowanych plików .liquid.
-
Kliknij Starsze wersje obok nazwy pliku
.liquid.
-
Kliknij menu rozwijane, aby wybrać starszą wersję. Po kliknięciu znacznika daty kod powróci do zapisanej wersji.
Opcjonalnie: Kliknij Podgląd i sprawdź, czy błąd został naprawiony.
Tryb ciemny
Gdy edytor kodu jest rozszerzony do pełnego ekranu, możesz przełączać się między Jasnym i Ciemnym schematem kolorów edytora, klikając przyciski u dołu strony.
Informacje o korzyściach wynikających z używania ciemnego edytora znajdują się w tekście The Power of the Dark Side: Dark User Interfaces (Moc ciemnej strony: Ciemne interfejsy użytkownika) na Blogu partnerów Shopify.
Tutoriale na temat dostosowywania kodu szablonu
Aby dokonać zmian w swoim sklepie online, możesz skorzystać z tutoriali na temat dostosowywania kodu szablonu. Ich struktura opiera się na typie strony lub funkcji podlegającej modyfikacji.
Tutoriale na temat dostosowywania szablonu są podzielone według wersji architektury szablonu, z której korzystają. Dowiedz się, jak ustalić wersję architektury swojego szablonu.
Skorzystaj z pomocy w zakresie dostosowania
Jeśli potrzebujesz pomocy dotyczącej wprowadzania zmian w szablonie, możesz skontaktować się z twórcą Twojego szablonu.
Aby sprawdzić dostępność innych zasobów gotowych udzielić Ci pomocy w zakresie dostosowania szablonów, wyświetl Dodatkowe zasoby pomocy technicznej w zakresie szablonów.