Dodawanie wyskakującej tabeli rozmiarów do stron produktów

Metapola pomagają w dostosowywaniu funkcjonalności i wyglądu sklepu Shopify, umożliwiając zapisywanie specjalistycznych informacji, które zazwyczaj nie są rejestrowane w panelu administracyjnym Shopify. Metapola mogą być używane wewnętrznie w panelu administracyjnym Shopify. Można je także wyświetlać w sklepie online.

Za pomocą metapól możesz dodać odniesienie do strony do bloku wyskakującego okienka, który wyświetla link na stronach produktów. Po kliknięciu linku otwiera się wyskakujące okienko z zawartością strony. Możesz dodawać obrazy i inne multimedia, korzystając z edytora tekstu formatowanego dla swoich stron.

Poniżej przedstawiono kilka przykładów informacji w wyskakującym okienku, które można dodać do stron produktów:

Tabele rozmiarów
Instrukcje dotyczące pielęgnacji
Instrukcje montażu
Specyfikacje produktu
Często zadawane pytania

Jest to 4-etapowy tutorial, który przedstawia metapola odniesienia do strony, tworzenie metapola produktu dla odniesienia do strony, tworzenie szablonu strony produktu dla sklepu online, dodawanie nowej strony, odwoływanie się do strony w określonych produktach oraz stosowanie szablonu strony produktu do określonych produktów. Możesz użyć tego tutorialu, aby utworzyć dowolną treść w wyskakującym okienku. W całym tutorialu jako przykład wykorzystano tabelę rozmiarów.

Ten tutorial wymaga szablonu, który obsługuje źródła dynamiczne. Jeśli używasz starszego szablonu lub chcesz dodać typy metapól, których szablon nie obsługuje, możesz edytować kod szablonu lub zatrudnić partnera Shopify.

Na tej stronie

Krok 1: Utwórz metapole produktu dla strony

Na początek musisz utworzyć definicję metapola odniesienia do strony dla stron produktów. Metapole produktu prowadzi do określonej strony i można je dostosować dla każdego produktu. Jeśli nie dodasz odniesienia do strony do produktu, który używa tego samego szablonu, tekst linku wyskakującego okienka będzie nadal wyświetlany tak, jakby zawierał treść. Aby wyświetlić link wyskakującego okienka tylko dla określonych produktów, możesz utworzyć szablon produktu i zastosować go tylko do odpowiednich produktów.

Dzięki metapolom odniesienia do strony możesz wyświetlać różne informacje o produkcie, tworząc różne strony dla różnych typów produktów. Na przykład, możesz utworzyć dwie różne strony z tabelami rozmiarów dla dwóch różnych grup wiekowych, takie jak tabela rozmiarów dla małych dzieci i tabela rozmiarów dla niemowląt, a następnie możesz dodać odniesienie do strony z rozmiarami dla małych dzieci tylko do produktów przeznaczonych dla tej grupy wiekowej.

Musisz utworzyć definicję metapola dla odniesienia do strony, aby połączyć ją z blokiem wyskakującego okienka w edytorze szablonów. Opcja Dostęp do witryny sklepu jest domyślnie wybrana podczas tworzenia definicji metapola.

Kroki:

Komputer

W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Metapola i metaobiekty.
W sekcji Definicje metapól kliknij opcję Produkty.
Kliknij opcję Dodaj definicję.
W polu Nazwa wpisz Tabela rozmiarów.
Kliknij ⊕ Wybierz typ.
Wybierz opcję Strona z menu rozwijanego. Opcja Jedna strona jest domyślnie wybrana.
Kliknij opcję Zapisz.

Urządzenie mobilne

W aplikacji Shopify naciśnij , a następnie naciśnij Ustawienia.
W sekcji Ustawienia sklepu naciśnij Metapola i metaobiekty.
W sekcji Definicje metapól naciśnij opcję Produkty.
Naciśnij +.
W polu Nazwa wpisz Tabela rozmiarów.
Naciśnij + Wybierz typ.
Naciśnij, aby wybrać opcję Strona z menu rozwijanego. Opcja Jedna strona jest domyślnie wybrana.
Naciśnij opcję Zapisz lub ✓.

Krok 2: Utwórz szablon strony produktu

Po dodaniu sekcji lub bloku możesz wybrać metapole, klikając ikonę dynamicznego źródła:

Jeśli nie chcesz dodawać linku do wyskakującego okienka z tabelą rozmiarów do wszystkich produktów, musisz utworzyć nowy szablon strony produktu. W kolejnych krokach utworzysz nowy szablon strony produktu, ale możesz również zamiast tego wybrać do dostosowania istniejący szablon strony produktu.

Kroki:

Komputer

W panelu administracyjnym Shopify przejdź do opcji Sklep online > Szablony.
Kliknij opcję Edytuj szablon obok szablonu, który chcesz dostosować.
Z menu rozwijanego Strona główna u góry edytora kliknij opcję Produkty, a następnie kliknij ⊕ Utwórz szablon, aby utworzyć i dostosować nowy szablon.
Na pasku bocznym nawigacji przejdź do bloków Szablon > Informacje o produkcie, a następnie kliknij opcję ⊕ Dodaj blok.
Kliknij Wyskakujące okienko.
W polu Etykieta linku wpisz Tabela rozmiarów. Jest to tekst, który klient klika, aby zobaczyć zawartość wyskakującego okienka.
Obok opcji Strona kliknij ikonę dynamicznego źródła, a następnie kliknij, aby wybrać utworzone metapole z odniesieniem do strony.
Kliknij opcję Zapisz.

Urządzenie mobilne

W aplikacji Shopify naciśnij ikonę .
W sekcji Kanały sprzedaży naciśnij Sklep online > Zarządzaj wszystkimi motywami.
Naciśnij Edytuj szablon dla szablonu, który chcesz dostosować.
Z menu rozwijanego Strona główna u góry edytora naciśnij opcję Produkty, a następnie naciśnij ⊕ Utwórz szablon, aby utworzyć i dostosować nowy szablon.
Na pasku bocznym nawigacji przejdź do bloków Szablon > Informacje o produkcie, a następnie naciśnij opcję ⊕ Dodaj blok.
Naciśnij Wyskakujące okienko.
W polu Etykieta linku wpisz Tabela rozmiarów. Jest to tekst, który klient klika, aby zobaczyć zawartość wyskakującego okienka.
Obok opcji Strona naciśnij ikonę dynamicznego źródła, a następnie naciśnij, aby wybrać utworzone metapole z odniesieniem do strony.
Naciśnij opcję Zapisz lub ✓.

Krok 3: Dodaj stronę z tabelą rozmiarów

Musisz utworzyć stronę z treścią tabeli rozmiarów, do której odwołuje się metapole. Jeśli masz już utworzoną stronę, możesz przejść do kroku 4.

Kroki:

Komputer

W panelu administracyjnym Shopify przejdź do opcji Sklep online > Strony.
Kliknij Dodaj stronę.
W polu Tytuł wpisz Tabela rozmiarów, a następnie dodaj informacje o tabeli rozmiarów w polu Treść.
W sekcji Widoczność ustaw stronę jako Widoczną.
Kliknij opcję Zapisz.

Urządzenie mobilne

W aplikacji Shopify naciśnij ikonę .
W sekcji Kanały sprzedaży naciśnij Sklep online > Strony.
Naciśnij Dodaj stronę.
W polu Tytuł wpisz Tabela rozmiarów, a następnie dodaj informacje o tabeli rozmiarów w polu Treść.
W sekcji Widoczność ustaw stronę jako Widoczną.
Naciśnij opcję Zapisz lub ✓.

Możesz utworzyć dowolną liczbę stron z tabelami rozmiarów, do których będą odwoływać się metapola. Jednak w metapolu produktu możesz podlinkować tylko jedną stronę.

Krok 4: Utwórz odniesienie do strony i zastosuj szablon produktu do określonych produktów

Po dodaniu odniesienia do strony do konkretnego produktu informacje z tej strony są wyświetlane tylko przy tym produkcie. Jeśli pole odniesienia do strony dla produktu korzystającego z tego szablonu produktu pozostanie puste, tekst linku będzie nadal wyświetlany. Wyskakujące okienko będzie jednak puste z powodu braku odniesienia do strony, co może wprowadzić klientów w błąd. Możesz używać jednego szablonu strony produktu dla określonych typów produktów, które mają tabele rozmiarów (np. odzież lub obuwie), a innego szablonu produktu dla pozostałych typów produktów (np. zabawki dla dzieci, biżuteria i inne akcesoria).

Dowiedz się więcej o szablonach.

Kroki:

Komputer

W panelu administracyjnym Shopify przejdź do sekcji Produkty.
Kliknij produkt, do którego chcesz dodać odniesienie do strony.
W sekcji Metapola produktu kliknij odniesienie do strony Tabela rozmiarów, a następnie kliknij opcję Wybierz strony i wybierz stronę Tabela rozmiarów.
W sekcji Szablon wybierz szablon strony produktu Tabela rozmiarów, który został utworzony w kroku 2.
Kliknij opcję Zapisz.

Urządzenie mobilne

W aplikacji Shopify naciśnij ikonę .
Naciśnij produkt, do którego chcesz dodać odniesienie do strony.
W sekcji Metapola produktu naciśnij odniesienie do strony Tabela rozmiarów, a następnie naciśnij opcję Wybierz strony i wybierz stronę Tabela rozmiarów.
W sekcji Szablon wybierz szablon strony produktu Tabela rozmiarów, który został utworzony w kroku 2.
Naciśnij opcję Zapisz lub ✓.

Możesz powtórzyć te kroki dla dowolnej liczby produktów.