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 .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 przycisk ….
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 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ć, 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 Zapisz.

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 w zakresie 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.