Szablony

Wzorce to grupa sekcji, które są skonfigurowane tak, aby zapewnić sklepowi online spójny wygląd i sposób obsługi. Dostępność poszczególnych sekcji we wzorcach zależy od szablonu. W edytorze szablonów możesz sprawdzić, które wzorce są stosowane do poszczególnych stron, a następnie edytować je, aby dostosować informacje wyświetlane klientom.

Po dokonaniu edycji wzorca zmiany są wprowadzane na każdej stronie, na której jest on używany. Na przykład, jeśli dodasz do wzorca kolekcji formularz rejestracji do newslettera, na wszystkich stronach kolekcji, na których używany jest domyślny wzorzec kolekcji, wyświetlony zostanie formularz rejestracji do newslettera.

Edytuj wzorce

Możesz edytować wzorce, aby dodać sekcje do swojego sklepu online. Niektóre sekcje umożliwiają dodawanie bloków, które można później dostosowywać, ale nie każda sekcja lub blok ma ustawienia lub zawartość, którą można edytować. Podczas edycji wzorców zmiany są wyświetlane w czasie rzeczywistym w oknie edytora szablonów.

Kroki:

Pulpit
  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
  3. Kliknij menu rozwijane Strona główna, a następnie wybierz wzorzec, który chcesz edytować.
  4. Aby dodać nową sekcję do wzorca, kliknij opcję Dodaj sekcję, a następnie wybierz nową sekcję dla wzorca.
  5. Opcjonalnie: Aby dodać blok do nowej sekcji, kliknij opcję Dodaj blok, a następnie wybierz nowy blok dla sekcji.
  6. Kliknij nową sekcję i bloki, aby wyświetlić ich ustawienia i opcje, a następnie wprowadź zmiany.
  7. Kliknij opcję 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. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Naciśnij menu rozwijane Strona główna, a następnie wybierz wzorzec, który chcesz edytować.
  6. Aby dodać nową sekcję do szablonu, naciśnij opcje Sekcje > Dodaj sekcję, wybierz nową sekcję dla wzorca, a następnie naciśnij opcję Dodaj.
  7. Opcjonalnie: Aby dodać blok do nowej sekcji, kliknij opcję Dodaj blok, a następnie wybierz nowy blok dla swojej sekcji.
  8. Naciśnij nową sekcję i bloki, aby wyświetlić ich ustawienia i opcje, a następnie dokonaj zmian.
  9. Naciśnij opcję Zapisz.
Android
  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. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Naciśnij menu rozwijane Strona główna, a następnie wybierz wzorzec, który chcesz edytować.
  6. Aby dodać nową sekcję do szablonu, naciśnij opcje Sekcje > Dodaj sekcję, wybierz nową sekcję dla wzorca, a następnie naciśnij opcję Dodaj.
  7. Opcjonalnie: Aby dodać blok do nowej sekcji, kliknij opcję Dodaj blok, a następnie wybierz nowy blok dla swojej sekcji.
  8. Naciśnij nową sekcję i bloki, aby wyświetlić ich ustawienia i opcje, a następnie dokonaj zmian.
  9. Naciśnij .

Informacje dotyczące tworzenia nowego wzorca

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

  • Możesz mieć wiele wzorców dla produktów, kolekcji, stron, blogów i postów na blogu, ale ich łączna liczba nie może przekroczyć 1000.
  • Nowy wzorzec można utworzyć tylko dla szablonu Online Store 2.0.
  • Wszystkie szablony mają domyślny wzorzec dla kolekcji, produktów, blogów, postów na blogu i stron. Takie domyślne wzorce są używane do wyświetlania zasobów i treści sklepu, o ile nie zostaną utworzone wzorce alternatywne.
  • Zmiany wprowadzone w danym wzorcu mają wpływ na wszystkie strony, które używają tego wzorca. Jeśli chcesz, aby niektóre strony określonego typu wyświetlały się w inny sposób, możesz utworzyć nowy wzorzec na podstawie wzorca już istniejącego w Twoim szablonie.
  • Po utworzeniu nowego wzorca na podstawie już istniejącego nowy wzorzec automatycznie wypełniany jest tymi samymi sekcjami, co już istniejący wzorzec. Następnie możesz usuwać, dodawać lub ukrywać sekcje i edytować ich zawartość w razie potrzeby. Pozostanie to bez wpływu na sposób wyświetlania stron, na których używany jest już istniejący wzorzec.

Utwórz nowy wzorzec

Pulpit
  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Wyszukaj szablon, który chcesz edytować, a następnie kliknij opcję Dostosuj.
  3. Kliknij menu rozwijane Strona główna, wybierz typ wzorca, a następnie kliknij opcję Utwórz wzorzec.
  4. W oknie dialogowym Utwórz szablon wykonaj poniższe czynności:

    • W polu Nazwa wprowadź unikalną nazwę nowego wzorca.
    • W menu rozwijanym Na podstawie wybierz już istniejący wzorzec, który ma być podstawą nowego wzorca.
  5. Kliknij Utwórz szablon.

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. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Kliknij menu rozwijane Strona główna, wybierz typ wzorca, a następnie naciśnij opcję Utwórz wzorzec.
  6. W oknie dialogowym Utwórz szablon wykonaj poniższe czynności:

    • W polu Nazwa wprowadź unikalną nazwę nowego wzorca.
    • W menu rozwijanym Na podstawie wybierz już istniejący wzorzec, który ma być podstawą nowego wzorca.
  7. Naciśnij opcję Utwórz wzorzec.

Android
  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. Wyszukaj szablon, który chcesz edytować, a następnie naciśnij Dostosuj.
  5. Kliknij menu rozwijane Strona główna, wybierz typ wzorca, a następnie naciśnij opcję Utwórz wzorzec.
  6. W oknie dialogowym Utwórz szablon wykonaj poniższe czynności:

    • W polu Nazwa wprowadź unikalną nazwę nowego wzorca.
    • W menu rozwijanym Na podstawie wybierz już istniejący wzorzec, który ma być podstawą nowego wzorca.
  7. Naciśnij opcję Utwórz wzorzec.

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

Utwórz szablon dla metaobiektów

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

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

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

Wyświetlanie podglądu wzorców

Możesz użyć podglądu wzorców, aby zobaczyć, jak zasoby Twojego sklepu online, takie jak produkty i strony, są wyświetlane klientom po zastosowaniu innego wzorca.

Wzorce są przypisywane na poziomie produktu, kolekcji, strony, bloga lub posta na blogu. Wzorce są tworzone i edytowane w edytorze szablonów, ale zmiany wzorca przypisanego do zasobu dokonuje się w panelu administracyjnym Shopify.

Informacje dotyczące wyświetlania podglądu wzorców

Podczas wyświetlania podglądu wzorców dla różnych zasobów sklepu online uwzględnij poniższe informacje:

  • Gdy wyświetlasz podgląd wzorca produktów w edytorze szablonów, możesz użyć produktów, które mają status Aktywny lub Wersja robocza, ale nie możesz wyświetlić podglądu produktu, który ma status Zarchiwizowany.
  • Gdy wyświetlasz podgląd wzorca kolekcji w edytorze szablonów, musisz upewnić się, że kolekcja ma aktywowany Sklep online jako kanał sprzedaży. Jeśli kolekcja nie ma aktywowanego Sklepu online jako kanału sprzedaży, nie można wyświetlić podglądu tej kolekcji z żadnymi wzorcami kolekcji w edytorze szablonów.
  • Przeglądając wzorzec stron w edytorze szablonów, możesz używać stron, których widoczność jest ustawiona na Widoczne lub Ukryte.
  • Przeglądając wzorzec postów na blogu w edytorze szablonów, możesz używać postów na blogu, których widoczność jest ustawiona na Widoczne lub Ukryte.

Blogi nie mają różnych parametrów statusu lub widoczności, więc możesz użyć wzorca blogów, aby wyświetlić podgląd blogów opublikowanych w swoim sklepie online.

Wyświetl podgląd alternatywnego wzorca

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

Kroki:

Pulpit
  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Wyszukaj szablon, z którym chcesz wyświetlić podgląd wzorca, a następnie kliknij opcję Dostosuj.
  3. Kliknij menu rozwijane Strona główna, a następnie wybierz wzorzec, którego chcesz użyć.
  4. W sekcji Podgląd na pasku bocznym edytora szablonów kliknij opcję Zmień.
  5. Kliknij zasób, którego podgląd chcesz wyświetlić z wybranym wzorcem.
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. Wyszukaj szablon, z którym chcesz wyświetlić podgląd wzorca, a następnie naciśnij opcję Dostosuj.

  5. Naciśnij menu rozwijane Strona główna, a następnie wybierz wzorzec, którego chcesz użyć.

  6. Aby wybrać zasób do podglądu ze wzorcem, naciśnij ponownie menu rozwijane.

  7. W polu Wyszukaj sklep online wprowadź nazwę zasobu, którego podgląd chcesz wyświetlić z wybranym wzorcem.

  8. Wybierz zasób z listy wyników wyszukiwania.

Android
  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. Wyszukaj szablon, z którym chcesz wyświetlić podgląd wzorca, a następnie naciśnij opcję Dostosuj.

  5. Naciśnij menu rozwijane Strona główna, a następnie wybierz wzorzec, którego chcesz użyć.

  6. Aby wybrać zasób do podglądu ze wzorcem, naciśnij ponownie menu rozwijane.

  7. W polu Wyszukaj sklep online wprowadź nazwę zasobu, którego podgląd chcesz wyświetlić z wybranym wzorcem.

  8. Wybierz zasób z listy wyników wyszukiwania.

Zastosuj nowy wzorzec

Możesz zmienić przypisany szablon dla poniższych sekcji w opublikowanym szablonie:

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

Przypisany wzorzec można zmienić w panelu administracyjnym Shopify. Wyświetlane opcje wzorców są oparte na dostępnych wzorcach tylko z aktualnie aktywnego szablonu.

Wzorce dla produktów i kolekcji można przypisywać na poziomie pojedynczych pozycji lub do wielu pozycji jednocześnie za pomocą edytora zbiorczego.

Zastosuj nowy wzorzec dla strony

Pulpit
  1. Z panelu administracyjnego Shopify przejdź do opcji: Sklep online > Strony.
  2. Kliknij stronę, na której chcesz zastosować nowy wzorzec.
  3. W sekcji Sklep online kliknij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować na swojej stronie.
  4. Kliknij opcję Zapisz.
iPhone
  1. W aplikacji Shopify naciśnij przycisk .
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Strony.
  4. Naciśnij stronę, na której chcesz zastosować nowy wzorzec.
  5. W sekcji Sklep online naciśnij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować na swojej stronie.
  6. Naciśnij opcję Zapisz.
Android
  1. W aplikacji Shopify naciśnij przycisk .
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Strony.
  4. Naciśnij stronę, na której chcesz zastosować nowy wzorzec.
  5. W sekcji Sklep online naciśnij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować na swojej stronie.
  6. Naciśnij opcję Zapisz.

Zastosuj nowy szablon do produktu

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

  2. Kliknij produkt, do którego chcesz zastosować nowy wzorzec.

  3. W sekcji Wzorzec szablonu kliknij menu rozwijane, a następnie wybierz wzorzec, który chcesz zastosować do swojego produktu.

  4. Kliknij opcję Zapisz.

iPhone
  1. W aplikacji Shopify naciśnij Produkty > Wszystkie produkty.
  2. Naciśnij produkt, do którego chcesz zastosować nowy wzorzec.
  3. Naciśnij Wzorzec sklepu online.
  4. Wybierz wzorzec, który chcesz zastosować do produktu.
  5. Naciśnij opcję Zapisz.
Android
  1. W aplikacji Shopify naciśnij Produkty > Wszystkie produkty.
  2. Naciśnij produkt, do którego chcesz zastosować nowy wzorzec.
  3. Naciśnij Wzorzec sklepu online.
  4. Wybierz wzorzec, który chcesz zastosować do produktu.
  5. Naciśnij .

Zastosuj nowy wzorzec do kolekcji

  1. Z panelu administracyjnego Shopify przejdź do opcji Produkty > Kolekcje.
  2. Kliknij kolekcję, do której chcesz zastosować wzorzec.
  3. W sekcji Wzorzec szablonu kliknij menu rozwijane, a następnie wybierz wzorzec, który chcesz zastosować do swojej kolekcji.
  4. Kliknij opcję Zapisz.

Zastosuj nowy szablon w blogu

Pulpit
  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Posty na blogu.
  2. Kliknij Zarządzaj blogami.
  3. Kliknij blog, w którym chcesz zastosować wzorzec.
  4. W sekcji Sklep online kliknij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować na swoim blogu.
  5. Kliknij opcję Zapisz.
iPhone
  1. W aplikacji Shopify naciśnij przycisk .
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Posty na blogu.
  4. Naciśnij ... > Zarządzaj blogami.
  5. Naciśnij blog, na którym chcesz zastosować wzorzec.
  6. W sekcji Sklep online naciśnij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować na swoim blogu.
  7. Naciśnij opcję Zapisz.
Android
  1. W aplikacji Shopify naciśnij przycisk .
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Posty na blogu.
  4. Naciśnij ... > Zarządzaj blogami.
  5. Naciśnij blog, na którym chcesz zastosować wzorzec.
  6. W sekcji Sklep online naciśnij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować na swoim blogu.
  7. Naciśnij opcję Zapisz.

Zastosuj nowy wzorzec do posta na blogu

Pulpit
  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Posty na blogu.
  2. Kliknij post na blogu, w którym chcesz zastosować wzorzec.
  3. W sekcji Sklep online kliknij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować na swoim blogu.
  4. Kliknij opcję Zapisz.
iPhone
  1. W aplikacji Shopify naciśnij przycisk .
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Posty na blogu.
  4. Naciśnij post na blogu, w którym chcesz zastosować wzorzec.
  5. W sekcji Sklep online naciśnij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować w swoim poście na blogu.
  6. Naciśnij opcję Zapisz.
Android
  1. W aplikacji Shopify naciśnij przycisk .
  2. W sekcji Kanały sprzedaży naciśnij Sklep online.
  3. Naciśnij Posty na blogu.
  4. Naciśnij post na blogu, w którym chcesz zastosować wzorzec.
  5. W sekcji Sklep online naciśnij menu rozwijane Wzorzec szablonu, a następnie wybierz wzorzec, który chcesz zastosować w swoim poście na blogu.
  6. Naciśnij opcję Zapisz.

Zbiorcze stosowanie nowego wzorca do produktów lub kolekcji

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

Zastosuj nowy wzorzec do produktów zbiorczo

  1. Z panelu administracyjnego Shopify przejdź do opcji Produkty.
  2. Aby edytować wiele produktów jednocześnie, wykonaj jedną z poniższych czynności:

    • Aby wybierać produkty pojedynczo, zaznacz pole wyboru dla każdego produktu.
    • Aby wybrać zakres produktów, kliknij w celu wyboru produktu, 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 w górnej części listy produktów.
    • Aby wybrać wszystkie produkty ze swojego sklepu, zaznacz pole wyboru na górze listy produktów, a następnie kliknij opcję Wybierz wszystko w tym sklepie.
  3. Kliknij opcję Edycja zbiorcza.

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

  5. Kliknij pierwsze pole kolumny Wzorzec, a następnie przytrzymaj klawisz Shift i kliknij ostatnie pole kolumny Wzorzec. Wokół wybranych pozycji wyświetli się niebieskie cieniowanie.

  6. Kliknij pierwsze wybrane pole, a następnie wybierz wzorzec z menu rozwijanego i kliknij opcję Zapisz.

Zastosuj nowy wzorzec do kolekcji zbiorczo

  1. Z panelu administracyjnego Shopify przejdź do opcji Produkty > Kolekcje.
  2. Aby edytować wiele kolekcji jednocześnie, wykonaj jedną z poniższych czynności:

    • Aby wybierać kolekcje pojedynczo, zaznacz pole wyboru dla każdej kolekcji.
    • Aby wybrać zakres kolekcji, kliknij w celu wyboru kolekcji, a następnie przytrzymaj klawisz Shift i kliknij inną kolekcję. Spowoduje to wybranie pierwszej i ostatniej klikniętej kolekcji oraz wszystkich kolekcji pomiędzy nimi.
    • Aby wybrać wszystkie kolekcje na stronie, zaznacz pole wyboru na górze listy kolekcji.
    • Aby wybrać wszystkie kolekcje ze sklepu, zaznacz pole wyboru na górze listy kolekcji, a następnie kliknij opcję Wybierz wszystko w tym sklepie.
  3. Kliknij opcję Edycja zbiorcza.

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

  5. Kliknij pierwsze pole kolumny Wzorzec, a następnie przytrzymaj klawisz Shift i kliknij ostatnie pole kolumny Wzorzec. Wokół wybranych pozycji wyświetli się niebieskie cieniowanie.

  6. Kliknij pierwsze wybrane pole, a następnie wybierz wzorzec z menu rozwijanego i kliknij opcję Zapisz.

Zarządzanie wzorcami

Aby zmienić nazwę wzorca lub go usunąć, musisz użyć edytora kodu. Edycja pliku wzorca może spowodować problemy z Twoim sklepem online.

Po usunięciu wzorca wszystkie zasoby sklepu online, do których przypisano wzorzec, są wyświetlane z domyślnym wzorcem, dopóki nie przypiszesz innego.

Zmień nazwę wzorca

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
  2. Znajdź szablon z wzorcem, którego nazwę chcesz zmienić, a następnie kliknij ... > Edytuj kod.
  3. W edytorze kodu znajdź folder wzorce.
  4. Kliknij nazwę wzorca, którego nazwę chcesz zmienić, a następnie kliknij ikonę z ołówkiem.
  5. W oknie dialogowym Zmień nazwę pliku wprowadź nową nazwę wzorca w polu Nazwa pliku.
  6. Kliknij opcję Zmień nazwę pliku.

Usuń wzorzec

  1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony
  2. Znajdź szablon, z którego chcesz usunąć wzorzec, a następnie kliknij ... > Edytuj kod.
  3. W edytorze kodu znajdź folder wzorce.
  4. Kliknij nazwę wzorca, który chcesz usunąć, a następnie kliknij ikonę kosza.
  5. W oknie dialogowym kliknij opcję Usuń plik.
Nie możesz znaleźć odpowiedzi, których szukasz? Jesteśmy tutaj, aby Ci pomóc.