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 .
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 .
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 .liquidi .json godzinę i datę sprzed zmian.

Możesz przywrócić pliki szablonów w dowolnym folderze katalogu, z wyjątkiem plików w folderze zasobów. Pliki znajdujące się w folderze zasobów, w tym pliki theme.scss.liquid i theme.js, nie zapisują wcześniej edytowanych wersji. Jeśli wprowadzasz zmiany w plikach w folderze zasobów, 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 katalogu plików szablonów kliknij jeden z ostatnio edytowanych plików .liquid lub .json.

4. W górnej części edytora kodu kliknij opcję Bieżące.

5. Użyj menu rozwijanego, aby wybrać starszą wersję. Po wybraniu znacznika daty kod powróci do zapisanej wersji.

6. Opcjonalnie: Kliknij Podgląd sklepu, aby sprawdzić, czy błąd został naprawiony.

7. Aby przywrócić starszą wersję, kliknij Zapisz.

iPhone

1. W aplikacji Shopify naciśnij .
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij opcję Zarządzaj wszystkimi szablonami.
4. Znajdź szablon, który chcesz edytować, naciśnij przycisk ..., aby otworzyć menu czynności, a następnie naciśnij opcję Edytuj kod.
5. W katalogu plików szablonów naciśnij jeden z ostatnio edytowanych plików .liquid lub .json.
6. W górnej części edytora kodu naciśnij opcję Bieżące.
7. Użyj menu rozwijanego, aby wybrać starszą wersję. Po wybraniu znacznika daty kod powróci do zapisanej wersji.
8. Opcjonalnie: naciśnij Podgląd sklepu, aby sprawdzić, czy błąd został naprawiony.
9. Aby przywrócić starszą wersję, naciśnij Zapisz.

Android

1. W aplikacji Shopify naciśnij .
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Znajdź temat, który chcesz edytować, naciśnij przycisk ..., aby otworzyć menu czynności, a następnie naciśnij Edytuj kod.
5. W katalogu plików szablonów naciśnij jeden z ostatnio edytowanych plików .liquid lub .json.
6. W górnej części edytora kodu naciśnij opcję Bieżące.
7. Użyj menu rozwijanego, aby wybrać starszą wersję. Po wybraniu znacznika daty kod powróci do zapisanej wersji.
8. Opcjonalnie: naciśnij Podgląd sklepu, aby sprawdzić, czy błąd został naprawiony.
9. Aby przywrócić starszą wersję, Naciśnij ✓.

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.

Skorzystaj z pomocy w zakresie dostosowania

Jeśli potrzebujesz pomocy w zakresie wprowadzania zmian w szablonie, możesz skontaktować się z twórcą Twojego szablonu.

Aby dowiedzieć się więcej o innych dostępnych zasobach, które mogą Ci pomóc w dostosowaniu szablonu, zapoznaj się z sekcją Dodatkowe zasoby pomocy technicznej w zakresie szablonów.