Dodawanie, podgląd i kupowanie szablonów

Aby ułatwić Ci rozpoczęcie pracy, po otwarciu konta w Shopify na stronie Szablony w panelu administracyjnym dostępny jest domyślny szablon. Jeśli chcesz dostosować inny szablon dla swojego sklepu online, musisz go dodać w panelu administracyjnym.

Szablon można dodać na jeden z następujących sposobów:

• Możesz opisać swoją firmę własnymi słowami i wygenerować darmowy, spersonalizowany szablon za pomocą AI.
• Możesz dodać darmowy szablon z panelu administracyjnego Shopify.
• Możesz wypróbować płatny szablon z Shopify Theme Store. Możesz wyświetlić podgląd dowolnego szablonu i dostosować go za pomocą edytora szablonów. Zanim opublikujesz szablon w swoim sklepie online, musisz go kupić.
• Jeśli masz już szablon w pliku ZIP na komputerze, możesz go przesłać.

Jeśli jesteś deweloperem(-rką) lub współpracujesz z partnerem Shopify bądź agencją, możesz również dodać szablon do swojego sklepu w następujący sposób:

• Możesz dodać szablon hostowany w serwisie GitHub do swojego sklepu, korzystając z integracji Shopify z GitHub.
• Możesz wypchnąć szablon do swojego sklepu za pomocą Shopify CLI.

Możesz dodać wiele szablonów do swojego konta, aby wypróbować nowe szablony, przechowywać sezonowe wersje opublikowanego szablonu lub testować zmiany w kopii opublikowanego szablonu. Możesz wyświetlić podgląd każdego z tych szablonów, ale w danym momencie może być opublikowany tylko jeden szablon. Po przełączeniu na nowy szablon nadal masz dostęp do starego szablonu na stronie Szablony w Shopify.

Po dodaniu szablonu możesz utworzyć link, aby udostępnić podgląd nieopublikowanego szablonu innym osobom. Może to być pomocne, jeśli chcesz uzyskać opinie przed opublikowaniem nowego szablonu lub uruchomieniem sklepu online. Nie możesz udostępnić podglądu opublikowanego szablonu.

Wymagania dotyczące szablonów

Zapoznaj się z poniższymi wymaganiami dotyczącymi dodawania szablonów do sklepu lub organizacji:

• Maksymalna liczba szablonów, które możesz dodać, zależy od Twojego planu cenowego:
• Sklepy z planem Starter mogą dodać tylko szablon Spotlight.
• Sklepy i organizacje z planami Basic, Grow i Advanced mogą dodać do 20 szablonów.
• Sklepy i organizacje z planem Shopify Plus mogą dodać do 100 szablonów.

Jeśli osiągniesz limit szablonów dla swojego planu, musisz usunąć szablon, zanim dodasz nowy. Sklepy ekspansyjne muszą mieć licencję na szablon dla każdego działającego sklepu ekspansyjnego.

Generowanie darmowego szablonu za pomocą AI

Możesz użyć AI do wygenerowania darmowego, spersonalizowanego szablonu na stronie Szablony w panelu administracyjnym Shopify. Pomoc w zakresie dostosowywania darmowych szablonów jest świadczona przez Shopify.

Możesz użyć AI do wygenerowania darmowego, spersonalizowanego szablonu na stronie Szablony w panelu administracyjnym Shopify. Pomoc w zakresie dostosowywania darmowych szablonów jest świadczona przez Shopify.

Kroki:

Dodawanie darmowego szablonu z panelu administracyjnego

Darmowe szablony są tworzone przez Shopify. Shopify zapewnia pomoc techniczną w zakresie dostosowywania darmowych szablonów.

Darmowe szablony są tworzone przez Shopify. Shopify zapewnia pomoc techniczną w zakresie dostosowywania darmowych szablonów.

Kroki:

Wypróbuj płatny szablon z Shopify Theme Store

Zanim zdecydujesz się na zakup płatnego szablonu, możesz go wypróbować, wyświetlając jego podgląd w panelu administracyjnym Shopify. Możesz użyć edytora szablonów, aby dostosować szablon w podglądzie, na przykład zmieniając go, aby używał kolorów i stylu marki oraz produktów. Jeśli kupisz szablon, wszystkie wprowadzone dostosowania zostaną zapisane.

Możesz wyświetlić podgląd maksymalnie 19 płatnych szablonów jednocześnie, co pozwala na porównanie różnych szablonów przed zakupem jednego z nich. Płatne szablony, które testujesz, mają etykietę Wersja próbna szablonu.

Aby uzyskać pomoc techniczną dla płatnego szablonu, skontaktuj się z deweloperem szablonu.

Kroki:

1. Odwiedź Shopify Theme Store i wybierz płatny szablon.
2. Kliknij przycisk Wypróbuj szablon, aby dodać szablon do sklepu online.
3. W panelu administracyjnym Shopify kliknij kolejno opcje Sklep online > Szablony.
4. W sekcji Wersje robocze szablonów kliknij przycisk obok szablonu, którego podgląd chcesz wyświetlić, aby otworzyć menu czynności.
5. Kliknij Podgląd.

Podczas wyświetlania podglądu szablonu możesz dostosować jego ustawienia. Jeśli szablon Ci odpowiada, możesz go kupić. Wszystkie wprowadzone dostosowania szablonu zostaną zapisane. Nie możesz edytować kodu szablonu ani korzystać z generatora kodu AI, gdy szablon jest w wersji próbnej.

Kup szablon w Shopify Theme Store

Tylko użytkownicy posiadający wszystkie następujące uprawnienia na poziomie sklepu mogą kupić szablon w Shopify Theme Store:

• Szablony
• Zarządzanie i instalacja aplikacji oraz kanałów
• Zatwierdzanie opłat za aplikacje

Po wypróbowaniu płatnego szablonu w sklepie online możesz zdecydować się na jego zakup. W sklepie online możesz publikować tylko zakupione szablony. Po zakupie szablonu w Shopify Theme Store licencja na niego jest udzielana wyłącznie sklepowi, w którym dokonano zakupu. Jeśli chcesz używać szablonu w innym sklepie, możesz kwalifikować się do jego przeniesienia.

Płatne szablony są tworzone przez zewnętrznych deweloperów szablonów. Ogólna pomoc techniczna i aktualizacje do szablonów zewnętrznych są zapewniane przez dewelopera szablonu. Jeśli potrzebujesz zaawansowanych dostosowań, ale nie masz doświadczenia w tworzeniu stron internetowych z wykorzystaniem języków HTML, CSS i JavaScript, rozważ zatrudnienie Partnera Shopify.

Kroki:

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

2. Kliknij Dodaj szablony > Odwiedź Theme Store.

3. Wyszukaj szablon, który chcesz kupić, a następnie kliknij przycisk Wypróbuj szablon.

4. W sekcji Wersje robocze szablonów kliknij Kup obok szablonu, którego zakup chcesz zrealizować, aby rozpocząć transakcję.

Prześlij plik szablonu z komputera

Jeśli masz na komputerze szablon w pliku ZIP, możesz go przesłać na stronę Szablony w panelu administracyjnym Shopify.

Przed przesłaniem upewnij się, że pliki szablonu są spakowane do jednego pliku ZIP.

Po przesłaniu pliku ZIP szablon zostanie dodany do strony Szablony w panelu administracyjnym Shopify.

Kroki:

Przełączanie szablonów

Gdy dodajesz nowe szablony do sklepu, wyświetlają się one w sekcji Wersje robocze szablonów na stronie Szablony na platformie Shopify. Możesz przełączyć się na nowy szablon poprzez opublikowanie go w sklepie online. Po opublikowaniu nowego szablonu stary jest nadal dostępny w wersjach roboczych szablonów (i w razie potrzeby możesz do niego wrócić).

W przypadku ręcznego uaktualnienia szablonu jego zaktualizowana wersja jest wyświetlana jako osobna pozycja w wersjach roboczych szablonów. Po przełączeniu na zaktualizowaną wersję stara wersja szablonu nadal pozostaje dostępna w wersjach roboczych. Aby dowiedzieć się więcej, zapoznaj się z sekcją Uaktualnianie szablonów.

Przygotowanie do przełączenia szablonów

Po dodaniu szablonu do wersji roboczych szablonów możesz go dostosować przed opublikowaniem. Stanowi to dobrą okazję, aby przed zastąpieniem istniejącego szablonu przejrzeć nowy szablon oraz dostosować jego ustawienia i treść w celu lepszego odzwierciedlenia specyfiki firmy. Możesz także przełączać się między wieloma przygotowanymi szablonami bez konieczności ponownego ich konfigurowania.

Produkty, kolekcje, menu, strony i posty na blogu w sklepie nie są zmieniane ani usuwane po przełączeniu na nowy szablon, ponieważ zarządza się nimi w panelu administracyjnym, niezależnie od szablonu. Jednakże treść i ustawienia, którymi zarządza się za pomocą edytora szablonów, edytora kodu szablonu i edytora języka, są unikatowe dla każdego przesyłanego szablonu i jego wersji.

Następujące części sklepu online są powiązane z szablonem. Należy dostosować te części sklepu online dla każdego szablonu, z którego chcesz korzystać:

• Ustawienia zastosowane w sekcjach i blokach w sklepie
• Globalne ustawienia szablonu, w tym kolory i czcionki zastosowane w sklepie online
• Tekst i sformułowania
• Dostosowania kodu, w tym dostosowania kodu dodane przez aplikację
• Dostępne szablony stron

Nie wszystkie szablony obsługują wszystkie funkcje Shopify. Należy przejrzeć listę funkcji szablonu, aby upewnić się, że zawiera on funkcje, których potrzebujesz.

Podgląd szablonu

Możesz wyświetlić podgląd dowolnego szablonu w sekcji Szablony sklepu online. Podgląd wyświetla szablon w sklepie online, w karcie przeglądarki z paskiem podglądu sklepu online.

Pasek podglądu sklepu online wyświetla następujące informacje o szablonie:

• Nazwa szablonu.
• Status szablonu. Opublikowany szablon ma status Aktywny. Nieopublikowane szablony mają status Wersja robocza.

Możesz dostosować podgląd za pomocą następujących czynności:

• W sekcji Wyświetl jako możesz wybrać inny kraj lub język do podglądu. Dowiedz się więcej o rynkach międzynarodowych i dodawaniu dodatkowych języków do szablonu.
• Kliknij przycisk , aby udostępnić podgląd szablonu.
• Kliknij Zamknij podgląd , aby zamknąć podgląd i wyświetlić opublikowany szablon.
  • Kliknij Edytuj szablon, aby otworzyć edytor szablonów i dostosować szablon.
• Kliknij w pobliżu górnej części paska podglądu, aby go zwinąć. Możesz kliknąć go ponownie, aby go rozwinąć.

Udostępnianie podglądu szablonu innym osobom

Jeśli zamierzasz uruchomić sklep online lub planujesz zmienić jego wygląd, publikując nowy szablon, możesz poprosić inne osoby o opinię, udostępniając im podgląd szablonu.

Możesz utworzyć link, za pomocą którego inne osoby uzyskają dostęp do podglądu dowolnego szablonu dodanego w panelu administracyjnym Shopify. Nie trzeba publikować szablonu, aby go udostępnić.

Dostępne są dwa typy podglądów szablonów:

• Podglądy dla odwiedzających: Podglądy dla odwiedzających są widoczne dla każdej osoby dysponującej adresem URL i nie wymagają uwierzytelniania. Wygasają one po 2 dniach od utworzenia adresu URL. Adresy URL podglądu dla odwiedzających mają format https://<token>-<shop_id>.shopifypreview.com.
• Podglądy dla sprzedawców: Podglądy dla sprzedawców wymagają uwierzytelnienia w panelu administracyjnym i zapewniają dostęp do stron realizacji zakupu. Wygasają one po 30 dniach od utworzenia adresu URL. Adresy URL podglądu dla sprzedawców używają formatu domeny podstawowej z parametrem tokenu.

Po kliknięciu opcji Podgląd dla szablonu adres URL podglądu dla sprzedawcy jest wyświetlany na pasku adresu przeglądarki. Aby utworzyć link do podglądu dla odwiedzających i udostępnić go innym osobom, kliknij przycisk na pasku podglądu. Możesz tworzyć nowe linki tak często, jak chcesz, a utworzenie nowego linku nie wpłynie na stare linki do podglądu.

Kroki:

Rozwiązywanie problemów z podglądem szablonu

Istnieją różne okoliczności, które mogą powodować, że podgląd szablonu lub pasek podglądu szablonu nie wyświetlają się prawidłowo. Jeśli po zapoznaniu się z krokami w tym przewodniku nadal występują problemy z szablonem, może być konieczny kontakt z zespołem pomocy technicznej Twojego szablonu. Dowiedz się więcej o uzyskiwaniu pomocy technicznej dla szablonów.

Pasek podglądu wyświetla się w aktywnym sklepie

Dzieje się tak zazwyczaj, gdy szablon nieprawidłowo dodaje parametr o nazwie preview_theme_id do adresów URL sklepu online. Parametr ten jest przeznaczony wyłącznie do podglądu wewnętrznego, ale jeśli jest on obecny w aktywnych adresach URL, wymusi to wyświetlanie paska podglądu dla wszystkich odwiedzających.

Odwiedź swój sklep online i sprawdź, czy na pasku adresu przeglądarki znajduje się parametr preview_theme_id. Możesz także poprosić klientów o przesłanie adresu linku, pod którym wyświetla się pasek podglądu.

Jeśli parametr preview_theme_id jest zawarty w adresie URL Twojego sklepu online, skontaktuj się z deweloperem szablonu, aby uzyskać pomoc techniczną, i wyjaśnij problem.

Jeśli potrafisz edytować kod szablonu, możesz wyszukać w plikach szablonu ciąg preview_theme_id, a następnie usunąć kod, który dodaje go do adresów URL. Pliki `layout` i pliki zawierające kod Javascript (kończące się na `.js`) najprawdopodobniej zawierają ten typ kodu. Edytuj kod szablonu tylko wtedy, gdy znasz języki HTML i CSS oraz masz podstawową wiedzę na temat Liquid — języka szablonów Shopify — a także JSON i Javascript.

Ten problem zgłaszano w przypadku szablonów zakupionych poza Shopify Theme Store, takich jak szablon Lumia z ThemeForest.

Podgląd wersji roboczej szablonu przekierowuje do aktywnego szablonu

Jeśli po kliknięciu opcji Podgląd w przypadku nieopublikowanego szablonu nastąpi przekierowanie do Twojego aktywnego szablonu, jest to prawie zawsze związane z buforowaniem Cloudflare.

Jeśli używasz usługi Cloudflare w swoim sklepie Shopify, być może Twoje ustawienia buforowania zakłócają działanie mechanizmu podglądu Shopify. Shopify również używa Cloudflare do buforowania, a te warstwy mogą czasami być ze sobą w konflikcie. W naszej dokumentacji wspominamy o potencjalnych konfliktach z zewnętrznym buforowaniem.

Aby zapewnić prawidłowe działanie paska podglądu, wyłącz buforowanie w Cloudflare dla wszystkich żądań dotyczących Shopify.

Całkowity brak paska podglądu

Jeśli pasek podglądu nie wyświetla się podczas podglądu szablonu, jest to prawdopodobnie spowodowane niestandardowym kodem lub aplikacją firmy zewnętrznej modyfikującą domyślne skrypty szablonu.

Ten problem jest prawdopodobnie spowodowany modyfikacjami obiektu Liquid, który zazwyczaj znajduje się w pliku `theme.liquid` w folderze `layout` Twojego szablonu. Skrypt paska podglądu wymaga, aby obiekt Liquid załadował się poprawnie. Modyfikacja tego obiektu może uniemożliwić załadowanie skryptu, co skutkuje brakiem paska podglądu i innymi problemami z funkcjami Shopify oraz aplikacjami.

Możesz sprawdzić swój szablon i aplikacje w poszukiwaniu źródła modyfikacji. Dowiedz się, jak rozwiązywać problemy z szablonem.