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:

Pulpit

1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
2. Kliknij ... > Edytuj kod.

iPhone

1. W aplikacji Shopify naciśnij przycisk ….
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Kliknij ... > Edytuj kod.

Android

1. W aplikacji Shopify naciśnij przycisk ….
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. 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.

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:

Pulpit

1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
2. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
3. W nagłówku Szablony kliknij jeden z ostatnio edytowanych plików .liquid.
4. Kliknij bieżącą wersję pod nazwą pliku .liquid.
5. Kliknij menu rozwijane, aby wybrać starszą wersję. Po kliknięciu znacznika daty kod powróci do zapisanej wersji.
6. Opcjonalnie: Kliknij Podgląd sklepu, aby sprawdzić, czy błąd został naprawiony.

iPhone

1. W aplikacji Shopify naciśnij przycisk ….
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
5. W nagłówku Szablony kliknij jeden z ostatnio edytowanych plików .liquid.
6. Kliknij bieżącą wersję pod nazwą pliku .liquid.
7. Kliknij menu rozwijane, aby wybrać starszą wersję. Po kliknięciu znacznika daty kod powróci do zapisanej wersji.
8. Opcjonalnie: Kliknij Podgląd sklepu, aby sprawdzić, czy błąd został naprawiony.

Android

1. W aplikacji Shopify naciśnij przycisk ….
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
5. W nagłówku Szablony kliknij jeden z ostatnio edytowanych plików .liquid.
6. Kliknij bieżącą wersję pod nazwą pliku .liquid.
7. Kliknij menu rozwijane, aby wybrać starszą wersję. Po kliknięciu znacznika daty kod powróci do zapisanej wersji.
8. 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.

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