Omówienie funkcji edytora szablonów

Edytor szablonów umożliwia dostosowywanie obszarów szablonu, takich jak kolory, oraz zarządzanie jego zawartością za pomocą sekcji i bloków.

Dostęp do edytora szablonów

Możesz uzyskać dostęp do edytora szablonów z panelu administracyjnego Shopify.

1. W panelu administracyjnym Shopify przejdź do opcji Sklep online > Szablony.

2. Obok szablonu, który chcesz edytować, kliknij opcję Edytuj szablon.

Części układu edytora szablonów

Edytor szablonów składa się z następujących części:

• Pasek menu zawiera po lewej stronie przyciski nawigacyjne umożliwiające przełączanie między sekcjami, ustawieniami szablonu i osadzonymi aplikacjami, pośrodku – nazwę szablonu, menu rynków i menu szablonów, a po prawej stronie – opcje dostosowywania.
• Pasek boczny wyświetla widok drzewa całej zawartości szablonu, który obecnie przeglądasz. Z poziomu paska bocznego możesz zarządzać sekcjami i blokami, osadzonymi aplikacjami oraz ustawieniami. Pasek boczny można zwinąć.
• Okno podglądu wyświetla Twój szablon i aktualizuje się automatycznie po wprowadzeniu zmian. Możesz włączyć podgląd na urządzeniu mobilnym lub użyć inspektora podglądu do zarządzania treścią wzorca szablonu w oknie podglądu.

Pasek menu

Pasek menu wyświetla nawigację, informacje o szablonie oraz opcje jego dostosowywania.

Nawigacja na pasku bocznym

Po lewej stronie paska menu możesz przełączać się między następującymi widokami na pasku bocznym:

• , aby zarządzać sekcjami i blokami w bieżącym szablonie.
• , aby zarządzać globalnymi ustawieniami szablonu, takimi jak kolory, typografia i układ.
• , aby zarządzać aplikacjami osadzonymi w Twoim szablonie.

Aby ukryć pasek boczny i uzyskać podgląd szablonu na pełnej szerokości ekranu, ponownie kliknij aktywny przycisk, by go odznaczyć. Jeśli oba panele są widoczne, kliknięcie aktywnego przycisku zwinie je jednocześnie.

Szczegóły szablonu, rynek oraz menu szablonów

Na środku paska menu znajdują się:

• Widoczna jest nazwa szablonu oraz jego status. Twój opublikowany szablon ma etykietę statusu Opublikowany . Nieopublikowane szablony mają etykietę statusu Wersja robocza . Kliknij nazwę szablonu, aby uzyskać dostęp do następujących opcji:
  • Użyj opcji Edytuj kod, aby otworzyć edytor kodu.
  • Użyj opcji Edytuj domyślną treść szablonu, aby edytować domyślne sformułowania w szablonie.
  • Użyj ikony , aby otworzyć podgląd szablonu.
  • Użyj opcji Wyświetl dokumentację, aby otworzyć dokumentację szablonu.
  • Użyj opcji , aby sprawdzić wszystkie dostępne skróty klawiaturowe dla edytora szablonów.
  • Użyj opcji Uzyskaj pomoc, aby uzyskać pomoc.
• Menu rynków, aby wyświetlać podgląd i dostosowywać szablon dla różnych rynków.
• Menu szablonów, aby nawigować pomiędzy różnymi szablonami stron w Twoim szablonie.

Skróty dostosowywania

Możesz użyć następujących kontrolek na pasku menu, aby dostosować szablon i zarządzać zmianami:

• Aktywuj lub dezaktywuj Sidekick, aby uzyskać pomoc w dostosowywaniu szablonu.
• Aktywuj lub dezaktywuj inspektora podglądu.
• Przełącz przycisk podglądu , aby wyświetlić podgląd szablonu na ekranie urządzenia mobilnego.
• Zarządzaj bieżącą sesją dostosowywania za pomocą kontrolek cofania i ponawiania.
• Użyj przycisku Zapisz, aby zapisać zmiany.

Jeśli nie ma niezapisanych dostosowań do ponowienia, cofnięcia lub obu tych czynności, odpowiedni przycisk jest nieaktywny.

Pasek boczny

Pasek boczny wyświetla w formie drzewa całą zawartość aktualnie wyświetlanego szablonu. Z poziomu paska bocznego możesz zarządzać sekcjami i blokami oraz ustawieniami szablonu. Możesz zwinąć pasek boczny, ponownie klikając aktywny przycisk nawigacyjny na pasku menu, aby go wyłączyć.

Szablon może mieć ustawienia warunkowe, które wyświetlają się na pasku bocznym w zależności od tego, jakie inne ustawienia są aktywne. Jeśli na przykład szablon ma blok z ustawieniem dodawania filmu lub obrazu, selektor obrazów lub link do filmu może być ustawieniem warunkowym, które wyświetla się dopiero po wybraniu opcji Obraz jako typu multimediów.

Tryby paska bocznego

Edytor szablonów ma dwa tryby pozwalające na wykorzystanie całej przestrzeni na ekranie.

Tryb podwójnego paska bocznego jest przeznaczony dla szerszych okien przeglądarki i większych ekranów, a tryb pojedynczego paska bocznego — dla węższych okien przeglądarki i mniejszych ekranów. Tryb paska bocznego określa, gdzie w edytorze wyświetla się panel ustawień.

Tryb podwójnego paska bocznego

Jeśli okno przeglądarki ma szerokość co najmniej 1600 pikseli, widoczne będą dwa panele. Lewy panel zawiera strukturę strony z sekcjami i blokami, a prawy panel — ustawienia wybranej sekcji lub wybranego bloku. Możesz zwinąć prawy panel, anulując wybór sekcji.

Aby wyświetlić edytor szablonów w trybie pojedynczego paska bocznego na dużym ekranie, zwężaj okno przeglądarki, aż edytor zmieni układ na pionowy.

Tryb pojedynczego paska bocznego

Na węższych ekranach edytor korzysta z układu pionowego. Po kliknięciu sekcji lub bloku panel ustawień wysuwa się z dołu ekranu, zamiast zasłaniać strukturę strony. Możesz przeciągnąć separator, aby dostosować podział między strukturą strony a ustawieniami, dzięki czemu obie części będą cały czas widoczne.

Podgląd szablonu

Możesz wyświetlić podgląd układu mobilnego szablonu, klikając przycisk na pasku menu. Aby powrócić do podglądu na komputerze, kliknij ponownie przycisk wersji mobilnej.

Aby wyświetlić podgląd szablonu na pełnej szerokości ekranu, kliknij aktywny przycisk nawigacji na pasku bocznym, by zwinąć pasek boczny. Jeśli oba panele są widoczne, spowoduje to ich jednoczesne zwinięcie i umożliwi podgląd witryny sklepu na pełnej szerokości ekranu.

Cofanie i ponawianie niezapisanych zmian

Za pomocą przycisków i możesz cofać lub ponawiać niezapisane dostosowania. Po zapisaniu zmian ich cofanie lub ponawianie nie jest już możliwe.

Używanie skrótów klawiaturowych w edytorze szablonów

Możesz używać skrótów klawiaturowych do nawigacji i wykonywania działań w edytorze szablonów.