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

Metapola ułatwiają dostosowanie funkcjonalności i wyglądu sklepu Shopify poprzez umożliwienie zapisania wyspecjalizowanych informacji, które zwykle nie są zarejestrowane w panelu administracyjnym Shopify. Metapola mogą być wykorzystywane wewnętrznie w panelu administracyjnym Shopify i można je także wyświetlać w sklepie online.

Dzięki metapolom można dodać odniesienie do strony do wyskakującego bloku, w którym wyświetlany jest link na stronach produktów. Po kliknięciu link otwiera wyskakujące okienko wyświetlające zawartość strony. Możesz dodawać obrazy i inne multimedia za pomocą edytora tekstu sformatowanego do swoich stron.

Poniżej przedstawiono kilka przykładów wyskakujących informacji, 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 opisuje metapola odniesienia do strony, tworzenie metapola produktu dla odniesienia do strony, tworzenie wzorca strony produktu dla sklepu online, dodawanie nowej strony, odwoływanie się do strony w określonych produktach i stosowanie wzorca strony produktu do określonych produktów. Możesz użyć tego tutorialu do utworzenia dowolnej zawartości w wyskakującym okienku. Ten tutorial używa przykładowej tabeli rozmiarów.

Ten tutorial wymaga szablonu Online Store 2.0. Jeśli używasz klasycznych szablonów lub chcesz dodać typy metapól, których nie obsługuje Twój szablon, możesz edytować kod swojego 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 odsyła 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 wzorca, tekst wyskakującego linku nadal będzie wyświetlany tak, jakby zawierał treść. Aby wyświetlić wyskakujący link tylko dla określonych produktów, możesz utworzyć wzorzec produktu i zastosować go tylko do odpowiednich produktów.

Dzięki metapolom odniesienia do strony można 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 tabel rozmiarów dla dwóch różnych grup wiekowych, np. tabelę rozmiarów dla małych dzieci i tabelę rozmiarów dla niemowląt, a następnie możesz dodać odniesienie do strony dla rozmiarów dla małych dzieci tylko do produktów przeznaczonych dla takich dzieci.

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

Kroki:

Pulpit

W panelu administracyjnym Shopify przejdź do opcji: Ustawienia > Dane niestandardowe.
W sekcji Definicje metapól kliknij opcję Produkty.
Kliknij opcję Dodaj definicję.
W polu Nazwa wprowadź Tabela rozmiarów.
Kliknij opcję ⊕ Wybierz typ.
Wybierz opcję Strona z menu rozwijanego. Domyślnie wybrana jest jedna strona.
Kliknij opcję Zapisz.

iPhone

W aplikacji Shopify naciśnij opcje: … > Ustawienia.
Naciśnij Dane niestandardowe.
W sekcji Definicje metapól naciśnij opcję Produkty.
Naciśnij +.
W polu Nazwa wprowadź Tabela rozmiarów.
Naciśnij opcję + Wybierz typ.
Naciśnij, aby wybrać opcję Strona z menu rozwijanego. Domyślnie wybrana jest jedna strona.
Naciśnij opcję Zapisz.

Android

W aplikacji Shopify naciśnij opcje: ☰ > Ustawienia.
Naciśnij Dane niestandardowe.
W sekcji Definicje metapól naciśnij opcję Produkty.
Naciśnij +.
W polu Nazwa wprowadź Tabela rozmiarów.
Naciśnij opcję + Wybierz typ.
Naciśnij, aby wybrać opcję Strona z menu rozwijanego. Domyślnie wybrana jest jedna strona.
Naciśnij ✓, aby zapisać.

Krok 2: Utwórz wzorzec strony produktu

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

Jeśli nie chcesz dodawać wyskakującego linku tabeli rozmiarów do wszystkich produktów, musisz utworzyć nowy wzorzec strony produktu. Wykonując poniższe kroki, tworzysz nowy wzorzec strony produktu, ale możesz także wybrać już istniejący wzorzec strony produktu do dostosowania.

Kroki:

Pulpit

W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Kliknij opcję Dostosuj obok szablonu, który chcesz dostosować.
W menu rozwijanym Strona główna u góry edytora kliknij Produkty, a następnie kliknij opcję ⊕ Utwórz szablon, aby utworzyć i dostosować nowy szablon.
Na pasku bocznym nawigacji sekcji 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 wyświetla się po kliknięciu przez klienta zawartości wyskakującej strony.
Obok opcji Strona kliknij ikonę źródła dynamicznego, a następnie kliknij, aby wybrać utworzone metapole odniesienia do strony.
Kliknij opcję Zapisz.

iPhone

W aplikacji Shopify naciśnij … > Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Naciśnij opcję Dostosuj obok szablonu, który chcesz dostosować.
W menu rozwijanym Strona główna u góry edytora naciśnij Produkty, a następnie naciśnij opcję ⊕ Utwórz wzorzec, aby utworzyć i dostosować nowy wzorzec.
Na pasku bocznym nawigacji sekcji przejdź do bloków Wzorzec > 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 wyświetla się po kliknięciu przez klienta zawartości wyskakującej strony.
Obok opcji Strona kliknij ikonę źródła dynamicznego, a następnie naciśnij, aby wybrać utworzone metapole odniesienia do strony.
Naciśnij opcję Zapisz.

Android

W aplikacji Shopify naciśnij ☰ > Sklep online.
Naciśnij opcję Zarządzaj wszystkimi szablonami.
Naciśnij opcję Dostosuj obok szablonu, który chcesz dostosować.
W menu rozwijanym Strona główna u góry edytora naciśnij Produkty, a następnie naciśnij opcję ⊕ Utwórz wzorzec, aby utworzyć i dostosować nowy wzorzec.
Na pasku bocznym nawigacji sekcji przejdź do bloków Wzorzec > 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 wyświetla się po kliknięciu przez klienta zawartości wyskakującej strony.
Obok opcji Strona kliknij ikonę źródła dynamicznego, a następnie naciśnij, aby wybrać utworzone metapole odniesienia do strony.
Naciśnij ✓, aby zapisać szablon.

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

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

Kroki:

Pulpit

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

iPhone

W aplikacji Shopify naciśnij … > Sklep online.
Naciśnij Strony.
Naciśnij opcję Dodaj stronę.
W polu Tytuł wprowadź Tabela rozmiarów, a następnie dodaj informacje o tabeli rozmiarów w sekcji Zawartość.
W sekcji Widoczność ustaw stronę jako Widoczną.
Naciśnij opcję Zapisz.

Android

W aplikacji Shopify naciśnij ☰ > Sklep online.
Naciśnij Strony.
Naciśnij opcję Dodaj stronę.
W polu Tytuł wprowadź Tabela rozmiarów, a następnie dodaj informacje o tabeli rozmiarów w sekcji Zawartość.
W sekcji Widoczność ustaw stronę jako Widoczną.
Naciśnij ✓, aby zapisać.

Możesz utworzyć dowolną liczbę stron z tabelą rozmiarów, do których będzie można odwoływać się w metapolu. Możesz jednak utworzyć link tylko do jednej strony w metapolu produktu.

Krok 4: Odwołaj się do strony i zastosuj szablon produktu do konkretnych produktów

Po dodaniu odniesienia do strony do określonego produktu informacje z tej strony są wyświetlane tylko z tym produktem. Jeśli pozostawisz odniesienie do strony puste dla produktu, który używa tego wzorca produktu, tekst linku nadal będzie wyświetlany jako link. Wyskakujące okienko jest jednak puste i nie zawiera odniesienia do strony, co może wprowadzać klientów w błąd. Możesz użyć innego szablonu strony produktu dla określonych typów produktów, które mają tabele rozmiarów, takie jak odzież lub buty, oraz szablon produktu dla innych typów produktów, takich jak zabawki dla dzieci lub biżuteria i inne akcesoria.

Dowiedz się więcej o wzorcach.

Kroki:

Pulpit

Z panelu administracyjnego Shopify przejdź do opcji Produkty.
Kliknij produkt, do którego chcesz dodać odniesienie do strony.
W sekcji Metapola produktu kliknij odwołanie do strony Tabela rozmiarów, a następnie kliknij Wybierz strony i wybierz stronę Tabela rozmiarów.
W sekcji Wzorzec szablonu wybierz wzorzec strony produktu Tabela rozmiarów utworzony w kroku 2.
Kliknij opcję Zapisz.

iPhone

Z aplikacji Shopify przejdź do Produkty > Wszystkie produkty.
Naciśnij produkt, do którego chcesz dodać odniesienie do strony.
W sekcji Metapola produktu naciśnij odwołanie do strony Tabela rozmiarów, a następnie naciśnij Wybierz strony i wybierz stronę Tabela rozmiarów.
W sekcji Wzorzec szablonu wybierz wzorzec strony produktu Tabela rozmiarów utworzony w kroku 2.
Naciśnij opcję Zapisz.

Android

Z aplikacji Shopify przejdź do Produkty > Wszystkie produkty.
Naciśnij produkt, do którego chcesz dodać odniesienie do strony.
W sekcji Metapola produktu naciśnij odwołanie do strony Tabela rozmiarów, a następnie naciśnij Wybierz strony i wybierz stronę Tabela rozmiarów.
W sekcji Wzorzec szablonu wybierz wzorzec strony produktu Tabela rozmiarów utworzony w kroku 2.
Naciśnij ✓, aby zapisać.

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