Edytowanie kodu szablonu

Uwaga

Jeśli zmiany wprowadzone w kodzie szablonu nie są kompatybilne z aktualizacją szablonu, wszystkie zmiany kodu zostaną usunięte w zaktualizowanej kopii. Kod szablonu należy edytować tylko wtedy, gdy nie możesz wprowadzić potrzebnych zmian za pomocą aplikacji Shopify lub edytora szablonów.

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.

Rozwijaj swój biznes

Jeśli chcesz dodać niestandardowe funkcje lub kod, ale nie masz doświadczenia w tworzeniu stron internetowych za pomocą języka HTML, CSS lub JavaScript, rozważ zatrudnienie partnera Shopify.

Zanim dostosujesz swój szablon

Aby przygotować się do dostosowywania swojego szablonu, wykonaj następujące zalecane zadania:

• 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:

Edytor kodu wyświetla katalog plików szablonów po lewej stronie oraz miejsce do przeglądania i edycji plików po prawej stronie.

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.

Wróć do starszej wersji pliku 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.

Uwaga

Pliki znajdujące się w folderze Zasoby w edytorze kodu, w tym pliki theme.scss.liquid i theme.js, nie zapisują wcześniej edytowanych wersji. Jeśli wprowadzasz zmiany w plikach w folderze Zasoby, konieczne może być skontaktowanie się z pomocą techniczną w zakresie szablonów lub zatrudnienie partnera Shopify.

Kroki:

Sprawdź szablon

Edytor kodu zawiera funkcję kontroli szablonu, która pomaga zapobiegać błędom, zapewniając natychmiastową informację zwrotną podczas pisano kodu, zamiast wykrywania błędów w aktywnym szablonie.

Kontrola szablonu w edytorze kodu może zidentyfikować następujące błędy w edytowanym kodzie:

• Skrypty blokujące parser, które mogą spowolnić witrynę sklepu
• Niezgodności między plikami tłumaczeń, takie jak brakujące klucze tłumaczenia lub tłumaczenia, które nie pasują do pliku ustawień regionalnych
• Brakujące szablony

Błędy są oznaczone czerwoną linią pod kodem. Aby wyświetlić błąd, najedź myszą na podświetloną linię.

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.

• Dostosowanie szablonu Online Store 2.0
• Dostosowanie klasycznego 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.