Strony produktu

Strony produktów to miejsce, w którym wyświetlane są informacje o produktach, które sprzedajesz w swoim sklepie, i o tym gdzie klienci mogą je kupować.

Domyślnie strony produktów mają sekcję Informacje o produkcie i sekcję Powiązane produkty w edytorze szablonów.

Sekcja informacji o produkcie

W sekcji Informacje o produkcie wyświetlane są szczegóły produktów, takie jak tytuł, opis, cena i obrazy.

Ustawienia sekcji informacji o produkcie

Ustawienia sekcji informacji o produkcie
UstawienieOpis
Włącz przypiętą zawartość na komputerzePodczas przewijania w dół kolumna informacji o produkcie zaczyna się przewijać dopiero po przewinięciu wszystkich obrazów.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Szerokość multimediów dla komputeraUstaw szerokość multimediów dotyczących produktu na stronie produktu dla komputerów stacjonarnych. Wybierz spośród opcji małe, średnie lub duże.
Ograniczenie multimediów do wysokości ekranuPo wybraniu tej opcji maksymalna wysokość multimediów zostanie dostosowana do wysokości okna przeglądarki danego urządzenia.
Dopasowanie multimediówZaznacz opcję Oryginalne, aby zachować oryginalny współczynnik proporcji, lub Wypełnienie, aby dopasować multimedia do kontenera.
Układ pulpitu Ustaw układ multimediów produktów dla komputerów stacjonarnych. Wybierz jedną z poniższych opcji:
  • Ułożone na sobie – wyświetla multimedia produktu ułożone na sobie w pionie na stronie. Po kliknięciu typu multimediów ułożonych na sobie otwiera się okno dialogowe z większym ekranem wybranych multimediów.
  • 2 kolumny – multimedia produktu są wyświetlane jako ułożone na sobie ale w dwóch kolumnach.
  • Miniatury – jeśli produkt ma więcej niż jeden obraz lub inny typ multimediów, pozostałe multimedia pojawią się jako miniatury pod głównymi multimediami produktu. Klient może kliknąć dowolną miniaturę, aby wyświetlić ją jako główne multimedia produktu.
  • Karuzela z miniaturami – jeśli produkt ma więcej niż jeden obraz lub inny typ multimediów, pozostałe multimedia pojawią się jako miniatury w karuzeli pod głównymi multimediami produktu. Klient może kliknąć dowolną miniaturę, aby wyświetlić ją jako główne multimedia produktu lub użyć strzałek nawigacji karuzeli, aby wyświetlić inne multimedia.
Pozycja multimediów na pulpicieOkreśl, czy multimedia produktu mają być wyświetlane po lewej stronie, czy po prawej stronie na komputerach stacjonarnych.
Powiększenie obrazuWybierz sposób powiększania obrazu na komputerze:
  • Otwórz lightbox – klient może kliknąć, aby wyświetlić większą wersję obrazu. Jest to domyślna funkcja dla multimediów produktów wyświetlanych na urządzeniach mobilnych.
  • Kliknij i najedź kursorem – klient może kliknąć, aby powiększyć obraz, a następnie najechać kursorem, aby wyświetlić różne sekcje w powiększeniu. Powiększenie po najechaniu kursorem jest dezaktywowane po ponownym kliknięciu powiększonego obrazu lub po opuszczeniu kursorem obszaru zawierającego obraz. Kiedy ta opcja jest aktywowana i użytkownik korzysta z urządzenia mobilnego, obraz domyślnie otworzy się w oknie modalnym (lightbox) po kliknięciu.
  • Brak powiększenia – ta opcja dezaktywuje powiększenie obrazów. Jest odpowiednia do obrazów, które nie są w wysokiej rozdzielczości i wyglądają dobrze przy powiększeniu.
Układ na urządzeniu mobilnymUstaw układ multimediów swoich produktów na urządzeniach mobilnych. Wybierz jedną z poniższych opcji:
  • 2 kolumny – wyświetla dwa multimedia produktu obok siebie, z funkcjonalnością karuzeli do przewijania i wyświetlania innych multimediów produktu.
  • Pokaż miniatury – wyświetla pojedynczy główny element multimediów produktu z przewijaniem za pomocą karuzeli miniatur poniżej.
  • Ukryj miniatury – wyświetla pojedynczy główny element multimediów produktu z przewijaniem karuzelowym poniżej, ale miniatury nie są wyświetlane.
Ukryj multimedia innych wariantów po wybraniu wariantuPo wybraniu wariantu obrazy innych wariantów są ukryte. Obrazy pojawiają się ponownie, gdy wariant jest odznaczony.
Włącz zapętlanie wideoW przypadku wszelkich filmów dostępnych w multimediach produktu to ustawienie odtwarza film w pętli, aby po jego zakończeniu automatycznie się powtarzał.
Wypełnienie na górzeOkreśl ilość miejsca na górze każdej sekcji.
Wypełnienie na doleOkreśl ilość miejsca na dole każdej sekcji.

Oprócz sekcji Informacje o produkcie możesz również wyświetlać i dostosowywać niektóre z ustawień szablonów dla kart identyfikacyjnych produktów oraz dodać własny, specyficzny dla danej sekcji, niestandardowy CSS.

Bloki informacji o produkcie

Możesz użyć następujących bloków z sekcją Informacje o produkcie:

Blok tekstowy

Blok Tekst może być używany do wyświetlania tekstu statycznego lub zmiennych danych wykorzystujących źródła dynamiczne. Możesz na przykład dodać tekst wyświetlający wiadomość marketingową, taką jak Darmowa wysyłka powyżej 100 USD, która następnie wyświetla się dla każdego produktu. Można również dodać dynamiczne źródło, takie jak pole Dostawca zmieniające się w zależności od tego, który produkt jest przeglądany.

Ustawienia bloku tekstu w sekcji informacji o produkcie
UstawienieOpis
TekstPole tekstowe pozwalające dodać dodatkowe informacje do strony produktu.
Styl tekstu Zmień styl tekstu. Wybierz jedną z poniższych opcji:
  • Treść – zmienia tekst na tekst w stylu akapitu.
  • Podtytuł – zmienia tekst na tekst podtytułu, który jest nieco większy niż tekst w stylu akapitu.
  • Wielkie litery – zmienia tekst na mniejszy niż tekst w stylu akapitu i zmienia cały tekst na tekst pisany wielkimi literami.

Blok tytułu

Blok Tytułu wyświetla tytuł wyświetlanego produktu. Ten blok nie ma konfigurowalnych ustawień.

Blok cenowy

Blok Cena wyświetla informacje o cenach przeglądanych produktów, takie jak cena i cena do porównania. Ten blok nie ma konfigurowalnych ustawień.

Blok selektora wariantów

Blok Selektor wariantów wyświetla wszystkie opcje wariantów dla wyświetlanego produktu. Selektor wariantów jest wyświetlany tylko dla produktów z opcjami wariantów. Jeśli usuniesz ten blok i masz produkty z opcjami wariantów, Twoi klienci nie będą mieli możliwości wyboru ani zakupu opcji wariantu, której chcą.

Ustawienia bloku do wyboru wariantów w sekcji informacji o produkcie
UstawienieOpis
Styl Wybierz sposób wyświetlania wariantów produktu klientom. Wybierz jedną z poniższych opcji:
  • Rozwijane menu – wyświetla opcje wariantu w rozwijanym menu. Mogą być one wyświetlane tylko jako próbka lub tekst.
  • Okrągłe przełączniki – wyświetla opcje wariantów jako przyciski, które możesz wybrać. Mogą być one wyświetlane tylko jako próbka lub tekst.
Próbka Wybierz sposób wyświetlania próbek kolorów klientom. Wybierz jedną z poniższych opcji:
  • Koło – wyświetla próbkę koloru jako kółko, które możesz wybrać.
  • Kwadrat – wyświetla próbkę koloru jako kwadrat, który możesz wybrać.
  • Brak – nie są wyświetlane żadne próbki kolorów.

Blok selektora ilości

Blok Selektor ilości wyświetla pole numeru do kliknięcia i edycji, którego klienci mogą użyć do zmiany liczby sztuk produktu, którą chcą kupić. Ten blok nie ma konfigurowalnych ustawień.

Blok przycisków zakupu

W bloku przycisków Kup wyświetlany jest przycisk Dodaj do koszyka i wszelkie informacje o odbiorze w sklepie. Może także wyświetlać wszystkie dynamiczne przyciski realizacji zakupu dostępne w Twoim sklepie.

Ustawienia bloku przycisków zakupu w sekcji informacji o produkcie
UstawienieOpis
Pokaż dynamiczne przyciski realizacji zakupuWyświetla wszystkie dynamiczne opcje realizacji zakupu, które zostały aktywowane w ustawieniach Płatności.
Pokaż formularz danych odbiorcy dla kart prezentowychWyświetla opcjonalne pole wyboru dla wszystkich produktów kart prezentowych, aby pozwolić klientom na wysłanie i zaplanowanie karty prezentowej do odbiorcy wraz z osobistą wiadomością.

Blok opisu

Blok Opis pokazuje opis wyświetlanego produktu. Ten blok nie ma konfigurowalnych ustawień.

Blok udostępniania

Blok Udostępnij wyświetla link do kliknięcia, który pozwala klientom udostępnić produkt w mediach społecznościowych.

Ustawienia dla bloku udostępniania w sekcji informacji o produkcie
UstawienieOpis
TekstTekst, który klienci klikają, aby udostępnić produkt w mediach społecznościowych.

Blok SKU

W bloku SKU wyświetlana jest jednostka magazynowa (SKU) powiązana z produktem lub wariantem, jeśli dotyczy. Dowiedz się więcej o dodawaniu numerów SKU do wariantów produktu.

Ustawienia bloku SKU w sekcji informacji o produkcie
UstawienieOpis
Styl tekstu Zmień styl tekstu. Wybierz jedną z poniższych opcji:
  • Treść – zmienia tekst na tekst w stylu akapitu.
  • Podtytuł – zmienia tekst na tekst podtytułu, który jest nieco większy niż tekst w stylu akapitu.
  • Wielkie litery – zmienia tekst na mniejszy niż tekst w stylu akapitu i zmienia cały tekst na tekst pisany wielkimi literami.

Blok statusu zapasów

Blok Status zapasów wyświetla status zapasów produktu. Możesz na stałe wyświetlić status zapasów i pozostałą ilość zapasów lub wyświetlić go tylko po osiągnięciu ustawionego progu ilości zapasów produktu. Status zapasów jest wyświetlany tylko dla produktów, które mają aktywowane śledzenie zapasów.

Ustawienia bloku statusu zapasów w sekcji informacji o produkcie
UstawienieOpis
Styl tekstu Zmień styl tekstu. Wybierz jedną z poniższych opcji:
  • Treść – zmienia tekst na tekst w stylu akapitu.
  • Podtytuł – zmienia tekst na tekst podtytułu, który jest nieco większy niż tekst w stylu akapitu.
  • Wielkie litery – zmienia tekst na mniejszy niż tekst w stylu akapitu i zmienia cały tekst na tekst pisany wielkimi literami.
Niski próg zapasówUżyj suwaka zakresu, aby ustawić próg dla wyświetlania produktów z komunikatem Niski poziom zapasów. Wprowadź liczbę pomiędzy 0 a 100. Jeśli ustawisz suwak na 0, będzie on wyświetlany status W magazynie do momentu całkowitego wyczerpania produktu.
Pokaż ilość zapasówWybierz tę opcję, gdy chcesz wyświetlić spis zapasów dla produktów.

Blok niestandardowego kodu Liquid

W bloku Niestandardowy Liquid wyświetlany jest niestandardowy kod Liquid lub kod HTML, który dodajesz do bloku.

Ustawienia niestandardowego bloku Liquid w sekcji informacji o produkcie
UstawienieOpis
Kod LiquidWyświetla zawartość renderowaną za pomocą wprowadzonego kodu Liquid lub HTML.

Blok zwijanego wiersza

W bloku Wiersz zwijany wyświetlany jest wysuwalny i składany wiersz z tytułem. Gdy klient kliknie ikonę, tytuł lub strzałkę przekierowywania, wiersz rozwinie się, aby wyświetlić dodatkową zawartość.

Ustawienia zwijanego bloku rzędu w sekcji informacji o produkcie
UstawienieOpis
NagłówekTytuł wiersza, który jest wyświetlany, gdy wiersz jest zwinięty i rozszerzony.
IkonaWybierz ikonę do wyświetlenia ze zwijanym wierszem lub wybierz opcję Brak, aby wyświetlić tylko tytuł wiersza.
Treść wierszaWprowadź zawartość wiersza za pomocą edytora tekstu sformatowanego. Zawartość jest wyświetlana tylko wtedy, gdy wiersz jest rozszerzony.
Treść wiersza ze stronyDodaj zawartość strony do wiersza. Powoduje to wyświetlenie tylko zawartości, która zostanie dodana do strony w sekcji Sklep online > Strony w panelu administracyjnym Shopify. Nie jest wyświetlana zawartość dodawana do szablonu stron w edytorze szablonów. Dowolna zawartość wprowadzona w polu Zawartość wiersza jest wyświetlana nad zawartością strony, która jest dodawana.

Blok wyskakującego okienka

W bloku Pop-up wyświetlany jest tekst do kliknięcia, który otwiera się w wyskakującym oknie dialogowym po kliknięciu.

Ustawienia dla bloku wyskakującego okienka w sekcji informacji o produkcie
UstawienieOpis
Etykieta linkuTekst do kliknięcia, który klienci klikają w celu wyświetlenia wyskakującego okienka dialogowego.
StronaWybierz stronę, z której chcesz wyświetlić zawartość w wyskakującym oknie dialogowym. Powoduje to wyświetlenie tylko zawartości, która zostanie dodana do strony w sekcji Sklep online > Strony w panelu administracyjnym Shopify. Nie jest wyświetlana zawartość dodawana do szablonu stron w edytorze szablonów.

Blok oceny produktu

Blok Oceny produktu wyświetla średnią ocenę produktu w gwiazdkach z liczbą recenzji w nawiasach, na przykład: ★★★★★ (8).

Aby wyświetlać oceny produktów, musisz użyć aplikacji do recenzji produktów i definicji metapól dla reviews.rating_count i reviews.rating.

Ten blok nie ma konfigurowalnych ustawień.

Blok produktów uzupełniających

Blok Produkty uzupełniające wyświetla uzupełniające się produkty, które konfiguruje się za pomocą aplikacji Shopify Search & Discovery.

Ustawienia bloku produktów uzupełniających w sekcji informacji o produkcie
UstawienieOpis
Nagłówek Tytuł bloku.
Pokaż jako zwijany wiersz Po wybraniu tej opcji zawartość jest wyświetlana jako zwinięta w rzędzie. Gdy klient kliknie tytuł, rząd rozwija się, aby wyświetlić dodatkową zawartość.
Ikona Wybierz ikonę do sparowania z tytułem, gdy produkty uzupełniające są wyświetlane w ramach zwijanego wiersza.
Maksymalna ilość produktów do wyświetlenia Wybierz maksymalną liczbę produktów uzupełniających do wyświetlenia. Wprowadź liczbę pomiędzy 1 a 10.
Liczba produktów na stronę Wybierz liczbę produktów uzupełniających, które chcesz wyświetlić na stronie suwaka. Wybierz liczbę od 1 do 4.
Styl paginacji Ustaw styl nawigacji suwaka wyświetlanego pod produktami. Wybierz kropki, ladę lub cyfry.
Proporcja obrazu Ustaw współczynnik proporcji obrazów kart produktów. Wybierz opcję pionową lub kwadratową.
Włącz przycisk szybkiego dodawania Jeśli aktywujesz przycisk szybkiego dodawania, klienci mogą dodać pozycję do koszyka na karcie produktu za pomocą jednej z następujących opcji:
  • Dodaj do koszyka – dla produktów z pojedynczym wariantem. Gdy klient kliknie przycisk, produkt zostanie automatycznie dodany do koszyka.
  • Opcje wyboru – dla produktów z wariantami. Kiedy klient kliknie przycisk, wyświetli się wyskakujące okienko dialogowe z możliwością wyboru wariantu, a następnie klient zostanie przekierowany do zakupu.

Ikona z blokiem tekstowym

Blok Ikona z tekstem wyświetla maksymalnie 3 ikony z towarzyszącym tekstem. Wybierz z listy wstępnie zainstalowanych ikon lub użyj załadowanych obrazów.

Ustawienia dla ikony z blokiem tekstu w sekcji informacji o produkcie
UstawienieOpis
UkładWybierz pomiędzy układem poziomym lub pionowym dla bloku.
Pierwsza ikonaWybierz ikonę do wyświetlenia w bloku lub opcję Brak, aby wyświetlić tylko tytuł.
Pierwszy obrazWybierz własny obraz, który ma być używany zamiast ikony.
Pierwszy nagłówekDodaj tytuł dla pierwszej ikony lub obrazu.
Druga ikonaWybierz ikonę do wyświetlenia w bloku lub opcję Brak, aby wyświetlić tylko tytuł.
Drugi obrazWybierz własny obraz, który ma być używany zamiast ikony.
Drugi nagłówekDodaj tytuł dla drugiej ikony lub obrazu.
Trzecia ikonaWybierz ikonę do wyświetlenia w bloku lub opcję Brak, aby wyświetlić tylko tytuł.
Trzeci obrazWybierz własny obraz, który ma być używany zamiast ikony.
Trzeci nagłówekDodaj tytuł swojej trzeciej ikony lub obrazu.

Sekcja powiązanych produktów

Na podstawie wyświetlanego produktu w sekcji Powiązane produkty wyświetlane są podobne produkty, produkty z podobnym opisem lub produkty, które są często kupowane wraz z wyświetlanym produktem. Możesz ręcznie dodać własne produkty do sekcji Powiązane produkty za pomocą aplikacji Shopify Search & Discovery.

Aby dowiedzieć się więcej o rekomendacjach produktów, zapoznaj się z sekcją Informacje o rekomendacjach produktów.

Ustawienia sekcji powiązanych produktów

Ustawienia sekcji powiązanych produktów
UstawienieOpis
NagłówekTytuł sekcji.
Rozmiar nagłówkaRozmiar tekstu tytułu. Wybierz pomiędzy małym, średnim, dużym, bardzo dużym lub ogromnym.
Maksymalna ilość produktów do wyświetleniaUstaw maksymalną liczbę powiązanych produktów do wyświetlenia. Wybierz liczbę od 2 do 10.
Liczba kolumn na komputerzeUstaw liczbę kolumn dla produktów do wyświetlenia na komputerach. Wprowadź liczbę pomiędzy 1 a 6.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Proporcja obrazuUstaw współczynnik obrazu dla wyświetlanych wyróżnionych obrazów powiązanych produktów. Wybierz jedną z poniższych opcji:
  • Dostosuj do obrazu – Używa współczynnika proporcji obrazu. Dzięki temu obrazy nie zostaną przycięte.
  • Portret – Przycina obrazy tak, by zachować proporcję 2:3.
  • Kwadrat – Przycina obrazy tak, by zachować proporcję 1:1.
Kształt obrazuWybierz jeden z poniższych kształtów obrazu dla powiązanych obrazów produktu:
  • Domyślny - zmienia kształt obrazu produktu na prostokątny.
  • Łuk – zaokrągla górną część obrazu produktu.
  • Kropla – zaokrągla obraz produktu, nadając mu jeden z sześciu losowo wybranych kształtów kropli, która porusza się po najechaniu kursorem.
  • Pagon skierowany w lewo - zmienia obraz produktu na kształt pagonu skierowanego ostrą częścią w lewo.
  • Pagon skierowany w prawo - zmienia obraz produktu na kształt pagonu skierowanego ostrą częścią w prawo.
  • Romb - zmienia kształt obrazu produktu na czworobok (romb).
  • Równoległobok - zmienia kształt obrazu produktu na figurę z dwiema parami równoległych boków.
  • Zaokrąglony - zaokrągla obraz produktu na okręg lub owal, który jest animowany po najechaniu kursorem.
Pokaż drugi obraz po najechaniu kursoremGdy klient najedzie kursorem na obrazy produktu na komputerze, ta opcja wyświetli drugi obraz dla produktu, jeśli produkt go posiada.
Pokaż dostawcęWyświetla dostawcę każdego produktu.
Pokaż ocenę produktuWyświetla średnią ocenę produktu wyrażoną za pomocą gwiazdek wraz z liczbą recenzji w nawiasie, na przykład: ★★★★★ (8). Wymaga również zainstalowania aplikacji do recenzowania produktów oraz definicji metapól dla reviews.rating_count i reviews.rating.
Liczba kolumn na urządzeniu mobilnymOkreśli liczbę kolumn dla produktów, która będzie wyświetlana na urządzeniach mobilnych. Wybierz 1 kolumnę lub 2 kolumny.
Wypełnienie na górzeOkreśl ilość miejsca na górze każdej sekcji.
Wypełnienie na doleOkreśl ilość miejsca na dole każdej sekcji.
Nie możesz znaleźć odpowiedzi, których szukasz? Jesteśmy tutaj, aby Ci pomóc.