Szablony

Szablony to grupa sekcji skonfigurowanych w celu nadania sklepowi online spójnego wyglądu. Dostępne sekcje zależą od Twojego szablonu. W edytorze szablonów możesz sprawdzić, które szablony są zastosowane na których stronach, a następnie edytować je, aby dostosować informacje wyświetlane klientom.

W Twoim szablonie dostępne są szablony dla różnych typów zawartości. Te typy szablonów zawierają sekcje i bloki, które dynamicznie pobierają zawartość z odpowiedniego obszaru panelu administracyjnego Shopify. Na przykład szablon strony produktu tworzy stronę dla każdego produktu opublikowanego w sklepie online w sekcji Produkty panelu administracyjnego Shopify.

Gdy edytujesz szablon, zmiany są wprowadzane na każdej stronie, która go używa. Na przykład, jeśli dodasz formularz rejestracji do newslettera do szablonu kolekcji, wszystkie strony kolekcji, które używają domyślnego szablonu kolekcji, będą wyświetlać ten formularz.

Możesz uzyskać dostęp do wszystkich szablonów stron za pomocą selektora stron na pasku menu edytora szablonów.

Domyślne szablony

Każdy domyślny szablon ma własne domyślne sekcje i ustawienia, które możesz edytować i dostosowywać w edytorze szablonów. Na przykład strony produktów domyślnie zawierają sekcję Informacje o produkcie oraz sekcję Produkty powiązane. Konkretne ustawienia dostosowywania dla każdego motywu zależą od jego twórcy i wersji. Dowiedz się więcej o tym, jak znaleźć wersję motywu.

Szablony są domyślnie dostępne w motywie.

Produkty

Strony produktów w motywie wyświetlają informacje o produktach sprzedawanych w sklepie i umożliwiają klientom ich zakup.

W edytorze szablonów strony produktów domyślnie zawierają sekcję Informacje o produkcie oraz sekcję Produkty powiązane.

Sekcja Informacje o produkcie wyświetla szczegóły produktów, takie jak tytuł, opis, cena i zdjęcia. Produktami możesz zarządzać na stronie Produkty w panelu administracyjnym Shopify.

Kolekcje

Strony kolekcji w motywie wyświetlają kolekcje tworzone na stronie Produkty > Kolekcje w panelu administracyjnym Shopify. Określone produkty razem w kategoriach. Możesz mieć kolekcje inteligentne i kolekcje ręczne.

W edytorze szablonów strony kolekcji domyślnie zawierają sekcję Baner kolekcji oraz sekcję Siatka produktów.

Lista kolekcji

Strona z listą kolekcji wyświetla wszystkie kolekcje, które są dostępne w kanale sprzedaży Sklep online. Jeśli na przykład prowadzisz sklep z biżuterią, możesz dodać w menu link do strony z listą kolekcji, aby klienci mogli przeglądać ofertę według typu biżuterii, np. pierścionków lub naszyjników. Musisz utworzyć kolekcje dla każdej kategorii.

Karta prezentowa

Gdy tworzysz kartę prezentową lub klient zamawia produkt w formie karty prezentowej, jej szczegóły, takie jak wartość lub saldo i kod realizacji, są umieszczane na stronie karty prezentowej.

Strona karty prezentowej jest częścią motywu. Możesz dostosować motyw, aby dodać lub zmodyfikować styl i informacje zawarte na stronie karty prezentowej.

Nie można dostosować wartości karty prezentowej ani jej kodu realizacji.

Strony

W panelu administracyjnym Shopify możesz tworzyć niestandardowe strony, aby przygotowywać treści dla klientów, takie jak strona „O nas” lub dodatkowe informacje o produktach.

Strona koszyka

Strona koszyka w sklepie online to miejsce, w którym klienci mogą przejrzeć pozycje dodane do koszyka.

W edytorze szablonów strona koszyka domyślnie zawiera sekcję Pozycje oraz sekcję Suma częściowa.

Blogi

Strony blogów w sklepie online są stronami głównymi blogów tworzonych w panelu administracyjnym Shopify i zawierają wszystkie opublikowane na nich posty.

W edytorze szablonów strony blogów domyślnie zawierają sekcję Posty na blogu.

Posty na blogu

Strony z postami na blogu w sklepie online wyświetlają treść postów na blogu tworzonych na stronie Treść > Posty na blogu w panelu administracyjnym Shopify. Domyślnie strony z postami na blogu zawierają sekcję Post na blogu w edytorze szablonów.

Strona wyszukiwania

Strona wyszukiwania to miejsce, w którym klienci mogą wyszukiwać konkretne produkty, strony lub posty na blogu w sklepie online.

W edytorze szablonów strona wyszukiwania domyślnie zawiera sekcję Wyniki wyszukiwania.

Oprócz ustawień sekcji Wyniki wyszukiwania możesz także wyświetlać i dostosowywać niektóre ustawienia motywu dotyczące zachowania wyszukiwania oraz dodawać własny niestandardowy kod CSS dla danej sekcji.

Strona hasła

Możesz ustawić ochronę hasłem dla swojego sklepu na stronie Sklep online > Preferencje w panelu administracyjnym Shopify. Jeśli sklep jest chroniony hasłem, odwiedzającym go wyświetla się strona hasła. Szablon strony hasła ma unikalny nagłówek i stopkę. Możesz dostosować szablon strony hasła w edytorze szablonów.

Strona błędu 404

Strona błędu 404 wyświetla się, gdy klient próbuje odwiedzić nieistniejący link do witryny, na przykład stronę produktu, który został usunięty ze sklepu.

Ta strona nie ma konfigurowalnych ustawień, ale w edytorze szablonów możesz dodać do niej własny niestandardowy kod CSS dla danej sekcji.

Edycja szablonów

Możesz edytować szablony, aby dodać sekcje do sklepu online. Niektóre sekcje zawierają bloki, które można dodatkowo dostosować, ale nie każda sekcja lub blok ma ustawienia lub zawartość, którą można edytować. Gdy edytujesz szablony, zmiany są wyświetlane w czasie rzeczywistym w podglądzie edytora szablonów.

Kroki:

Kwestie do rozważenia podczas tworzenia nowego wzorca

Przed utworzeniem nowego wzorca zapoznaj się z poniższymi uwagami:

• Możesz mieć wiele wzorców dla produktów, kolekcji, stron, blogów i postów na blogu, ale łączna liczba wzorców nie może przekraczać 1000.
• Nowy wzorzec możesz utworzyć tylko przy użyciu kompatybilnego szablonu.
• Wszystkie szablony mają domyślny wzorzec dla kolekcji, produktów, blogów, postów na blogu i stron. Domyślne wzorce służą do wyświetlania zasobów i zawartości sklepu, chyba że utworzysz alternatywne wzorce.
• Wszelkie zmiany wprowadzone we wzorcu mają wpływ na wszystkie strony, które go używają. Jeśli chcesz, aby niektóre strony danego typu były wyświetlane inaczej, możesz utworzyć nowy wzorzec na podstawie wzorca, który już istnieje w szablonie.
• Gdy tworzysz nowy wzorzec na podstawie istniejącego, nowy wzorzec jest automatycznie wypełniany tymi samymi sekcjami co istniejący wzorzec. Możesz następnie usuwać, dodawać lub ukrywać sekcje i edytować ich zawartość w zależności od potrzeb, bez wpływu na wyświetlanie stron, które korzystają z istniejącego wzorca.

Tworzenie nowego wzorca

Po utworzeniu nowego wzorca możesz zastosować wzorzec do strony sklepu online, na której chcesz go używać.

Tworzenie wzorca dla metaobiektów

Możesz utworzyć wzorzec dla strony internetowej dla metaobiektów. Aby użyć tej funkcji, wykonaj następujące kroki:

1. Utwórz definicję metaobiektu z dostępem do witryny sklepowej i opcjonalnie ręcznie aktywuj funkcję Strony WWW. Gdy tworzysz wzorzec szablonu, edytor szablonów aktywuje funkcję Strony WWW.
2. Utwórz wpisy dla definicji metaobiektu.

Możesz teraz utworzyć wzorzec metaobiektu w edytorze szablonów.

Podgląd wzorców

Możesz użyć podglądów wzorców, aby zobaczyć, jak zasoby sklepu online, takie jak produkty i strony, wyświetlają się klientom po zastosowaniu innego wzorca.

Wzorce są przypisywane na poziomie produktu, kolekcji, strony, bloga lub posta na blogu. Wzorce tworzysz i edytujesz w edytorze szablonów, ale zmieniasz przypisany do zasobu wzorzec w panelu administracyjnym Shopify.

Kwestie do rozważenia podczas wyświetlania podglądu wzorców

Weź pod uwagę następujące szczegóły podczas wyświetlania podglądu wzorców dla różnych zasobów sklepu online:

• Podczas wyświetlania podglądu wzorca produktów w edytorze szablonów możesz używać produktów o statusie Aktywny lub Wersja robocza, ale nie możesz wyświetlić podglądu produktu o statusie Zarchiwizowany.
• Podczas wyświetlania podglądu wzorca kolekcji w edytorze szablonów musisz się upewnić, że kolekcja ma aktywny kanał sprzedaży Sklep online. Jeśli dla danej kolekcji kanał sprzedaży Sklep online nie jest aktywny, nie możesz wyświetlić podglądu tej kolekcji z żadnym wzorcem kolekcji w edytorze szablonów.
• Podczas wyświetlania podglądu wzorca stron w edytorze szablonów możesz używać stron, których widoczność jest ustawiona jako Widoczna lub Ukryta.
• Podczas wyświetlania podglądu wzorca postów na blogu w edytorze szablonów możesz używać postów na blogu, których widoczność jest ustawiona jako Widoczna lub Ukryta.

Blogi nie mają różnych parametrów statusu ani widoczności, więc możesz użyć wzorca blogów do wyświetlenia podglądu dowolnych opublikowanych blogów w sklepie online.

Podgląd alternatywnego wzorca

Możesz wyświetlić podgląd sposobu wyświetlania produktów, kolekcji, stron, blogów lub postów na blogu po zastosowaniu innego wzorca.

Kroki:

Podgląd określonych zasobów

Możesz wyświetlić podgląd sposobu wyświetlania szablonu z dowolnym kompatybilnym zasobem w sklepie. Na przykład, jeśli wyświetlasz szablon produktu, możesz go przetestować z dowolnym produktem w sklepie.

Nadal musisz przypisać szablon do zasobu w panelu administracyjnym Shopify.

Możesz również wyszukiwać szablony i zasoby za pomocą paska wyszukiwania w selektorze stron, w narzędziu Dodaj sekcję lub Dodaj blok albo w sekcji Elementy osadzone aplikacji.

Kroki:

1. Z panelu administracyjnego Shopify przejdź do opcji Sklep online > Motywy.

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

3. Z menu szablonów wybierz szablon, który chcesz wyświetlić w podglądzie.

4. Z menu paska bocznego w sekcji Podgląd kliknij Zmień.

5. W menu Wybierz wskaż zasób, który chcesz wyświetlić w podglądzie.

Zastosowanie nowego szablonu

Możesz zmienić przypisany szablon dla następujących sekcji w opublikowanym szablonie:

• strony
• produkty
• kolekcje
• blogi
• posty na blogu

Przypisany szablon można zmienić w panelu administracyjnym Shopify. Wyświetlane opcje szablonów bazują na szablonach dostępnych wyłącznie w bieżącym aktywnym szablonie.

Szablony dla produktów i kolekcji można przypisać do pojedynczej pozycji lub do wielu pozycji jednocześnie za pomocą edytora zbiorczego.

Zastosowanie nowego szablonu do strony

Zastosowanie nowego szablonu do produktu

Zastosowanie nowego szablonu do kolekcji

1. Z panelu administracyjnego Shopify przejdź do opcji Produkty > Kolekcje.

2. Kliknij kolekcję, do której chcesz zastosować szablon.

3. W sekcji Szablon kliknij menu rozwijane, a następnie wybierz szablon, który chcesz zastosować do kolekcji.

4. Kliknij Zapisz.

Zastosowanie nowego szablonu do bloga

Zastosowanie nowego szablonu do posta na blogu

Zbiorcze zastosowanie nowego szablonu do produktów lub kolekcji

Możesz użyć edytora zbiorczego, aby zbiorczo zastosować nowy szablon do wielu produktów lub kolekcji.

Zbiorcze zastosowanie nowego szablonu do produktów

1. Z panelu administracyjnego Shopify przejdź do opcji Produkty.

2. Aby edytować wiele produktów jednocześnie, wykonaj jedną z następujących czynności:

   • Aby wybrać produkty pojedynczo, zaznacz pole wyboru przy każdym produkcie.
   • Aby wybrać zakres produktów, kliknij, aby wybrać produkt, a następnie przytrzymaj klawisz Shift i kliknij inny produkt. Spowoduje to wybranie pierwszego i ostatniego klikniętego produktu oraz wszystkich produktów pomiędzy nimi.
   • Aby wybrać wszystkie produkty na stronie, zaznacz pole wyboru u góry listy produktów.
   • Aby wybrać wszystkie produkty w sklepie, zaznacz pole wyboru u góry listy produktów, a następnie kliknij opcję Wybierz wszystko w tym sklepie.

3. Kliknij opcję Edytuj zbiorczo.

4. W edytorze zbiorczym kliknij menu rozwijane Kolumny, a następnie w sekcji Ogólne wybierz opcję Szablon.

5. Kliknij pierwsze pole w kolumnie Szablon, przytrzymaj klawisz Shift, a następnie kliknij ostatnie pole w kolumnie Szablon. Wybrane pozycje zostaną podświetlone na niebiesko.

6. Kliknij pierwsze wybrane pole, wybierz żądany szablon z menu rozwijanego, a następnie kliknij przycisk Zapisz.

Zastosuj nowy szablon do wielu kolekcji jednocześnie

1. Z panelu administracyjnego Shopify przejdź do opcji Produkty > Kolekcje.

2. Aby edytować wiele kolekcji jednocześnie, wykonaj jedną z następujących czynności:

   • Aby wybrać kolekcje pojedynczo, zaznacz pole wyboru dla każdej kolekcji.
   • Aby wybrać zakres kolekcji, kliknij, aby wybrać kolekcję, a następnie przytrzymaj klawisz Shift i kliknij inną kolekcję. W ten sposób zostaną wybrane pierwsza i ostatnia kliknięta kolekcja oraz wszystkie kolekcje pomiędzy nimi.
   • Aby wybrać wszystkie kolekcje na stronie, zaznacz pole wyboru u góry listy kolekcji.
   • Aby wybrać wszystkie kolekcje w sklepie, zaznacz pole wyboru u góry listy kolekcji, a następnie kliknij opcję Wybierz wszystkie w tym sklepie.

3. Kliknij opcję Edytuj zbiorczo.

4. W edytorze zbiorczym kliknij menu rozwijane Kolumny, a następnie w sekcji Ogólne wybierz opcję Szablon.

5. Kliknij pierwsze pole w kolumnie Szablon, przytrzymaj klawisz Shift, a następnie kliknij ostatnie pole w kolumnie Szablon. Wybrane pozycje zostaną podświetlone na niebiesko.

6. Kliknij pierwsze wybrane pole, wybierz żądany szablon z menu rozwijanego, a następnie kliknij przycisk Zapisz.

Zarządzanie szablonami

Aby zmienić nazwę pliku szablonu lub go usunąć, musisz użyć edytora kodu. Edycja pliku szablonu może powodować problemy ze sklepem online.

Gdy usuniesz szablon, wszystkie zasoby sklepu online, do których przypisany był ten szablon, będą wyświetlane z domyślnym szablonem do momentu przypisania im innego.

Zmień nazwę pliku szablonu

1. Z panelu administracyjnego Shopify przejdź do opcji Sklep online > Motywy.

2. Znajdź szablon, w którym chcesz zmienić nazwę pliku szablonu, a następnie kliknij kolejno … > Edytuj kod.

3. W edytorze kodu znajdź folder templates.

4. Kliknij prawym przyciskiem myszy plik szablonu, którego nazwę chcesz zmienić, a następnie wybierz z menu rozwijanego opcję Zmień nazwę....

5. Wprowadź nową nazwę pliku.

6. Naciśnij klawisz Enter na klawiaturze.

Usuń plik szablonu

1. Z panelu administracyjnego Shopify przejdź do opcji Sklep online > Motywy.

2. Znajdź szablon, z którego chcesz usunąć plik szablonu, a następnie kliknij kolejno … > Edytuj kod.

3. W edytorze kodu znajdź folder templates.

4. Kliknij prawym przyciskiem myszy plik szablonu, który chcesz usunąć, a następnie wybierz z menu rozwijanego opcję Usuń trwale.

5. Kliknij przycisk Usuń.