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.
Na tej stronie
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:
- W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
- Kliknij ... > Edytuj kod.
- W aplikacji Shopify naciśnij przycisk ….
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Kliknij ... > Edytuj kod.
- W aplikacji Shopify naciśnij przycisk ….
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Kliknij ... > 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.
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.
Kroki:
- W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
- Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
- W nagłówku Szablony kliknij jeden z ostatnio edytowanych plików .liquid.
- Kliknij bieżącą wersję pod nazwą pliku
.liquid. - Kliknij menu rozwijane, aby wybrać starszą wersję. Po kliknięciu znacznika daty kod powróci do zapisanej wersji.
- Opcjonalnie: Kliknij Podgląd sklepu, aby sprawdzić, czy błąd został naprawiony.
- W aplikacji Shopify naciśnij przycisk ….
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
- W nagłówku Szablony kliknij jeden z ostatnio edytowanych plików .liquid.
- Kliknij bieżącą wersję pod nazwą pliku
.liquid. - Kliknij menu rozwijane, aby wybrać starszą wersję. Po kliknięciu znacznika daty kod powróci do zapisanej wersji.
- Opcjonalnie: Kliknij Podgląd sklepu, aby sprawdzić, czy błąd został naprawiony.
- W aplikacji Shopify naciśnij przycisk ….
- W sekcji Kanały sprzedaży naciśnij Sklep online.
- Naciśnij Zarządzaj szablonami.
- Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
- W nagłówku Szablony kliknij jeden z ostatnio edytowanych plików .liquid.
- Kliknij bieżącą wersję pod nazwą pliku
.liquid. - Kliknij menu rozwijane, aby wybrać starszą wersję. Po kliknięciu znacznika daty kod powróci do zapisanej wersji.
- Opcjonalnie: Kliknij Podgląd sklepu, aby sprawdzić, czy błąd został naprawiony.
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.
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.