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.
Na tej stronie
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
Ustawienie | Opis |
---|---|
Włącz przypiętą zawartość na komputerze | Podczas przewijania w dół kolumna informacji o produkcie zaczyna się przewijać dopiero po przewinięciu wszystkich obrazów. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Szerokość multimediów dla komputera | Ustaw 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 ekranu | Po wybraniu tej opcji maksymalna wysokość multimediów zostanie dostosowana do wysokości okna przeglądarki danego urządzenia. |
Dopasowanie multimediów | Zaznacz 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:
|
Pozycja multimediów na pulpicie | Określ, czy multimedia produktu mają być wyświetlane po lewej stronie, czy po prawej stronie na komputerach stacjonarnych. |
Powiększenie obrazu | Wybierz sposób powiększania obrazu na komputerze:
|
Układ na urządzeniu mobilnym | Ustaw układ multimediów swoich produktów na urządzeniach mobilnych. Wybierz jedną z poniższych opcji:
|
Ukryj multimedia innych wariantów po wybraniu wariantu | Po wybraniu wariantu obrazy innych wariantów są ukryte. Obrazy pojawiają się ponownie, gdy wariant jest odznaczony. |
Włącz zapętlanie wideo | W 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órze | Określ ilość miejsca na górze każdej sekcji. |
Wypełnienie na dole | Okreś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:
- Tekst
- Tytuł
- Cena
- Selektor wariantów
- Selektor ilości
- Przyciski zakupu
- Opis
- Udostępnij
- SKU
- Status zapasów
- Niestandardowy Liquid
- Zwijany wiersz
- Wyskakujące okienko
- Ocena produktu
- Produkty uzupełniające
- Ikona z tekstem
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.
Ustawienie | Opis |
---|---|
Tekst | Pole tekstowe pozwalające dodać dodatkowe informacje do strony produktu. |
Styl tekstu |
Zmień styl tekstu. Wybierz jedną z poniższych opcji:
|
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ą.
Ustawienie | Opis |
---|---|
Styl |
Wybierz sposób wyświetlania wariantów produktu klientom. Wybierz jedną z poniższych opcji:
|
Próbka |
Wybierz sposób wyświetlania próbek kolorów klientom. Wybierz jedną z poniższych opcji:
|
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.
Ustawienie | Opis |
---|---|
Pokaż dynamiczne przyciski realizacji zakupu | Wyświetla wszystkie dynamiczne opcje realizacji zakupu, które zostały aktywowane w ustawieniach Płatności. |
Pokaż formularz danych odbiorcy dla kart prezentowych | Wyś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.
Ustawienie | Opis |
---|---|
Tekst | Tekst, 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.
Ustawienie | Opis |
---|---|
Styl tekstu |
Zmień styl tekstu. Wybierz jedną z poniższych opcji:
|
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.
Ustawienie | Opis |
---|---|
Styl tekstu |
Zmień styl tekstu. Wybierz jedną z poniższych opcji:
|
Niski próg zapasów | Uż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ów | Wybierz 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.
Ustawienie | Opis |
---|---|
Kod Liquid | Wyś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ść.
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł wiersza, który jest wyświetlany, gdy wiersz jest zwinięty i rozszerzony. |
Ikona | Wybierz ikonę do wyświetlenia ze zwijanym wierszem lub wybierz opcję Brak, aby wyświetlić tylko tytuł wiersza. |
Treść wiersza | Wprowadź zawartość wiersza za pomocą edytora tekstu sformatowanego. Zawartość jest wyświetlana tylko wtedy, gdy wiersz jest rozszerzony. |
Treść wiersza ze strony | Dodaj 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.
Ustawienie | Opis |
---|---|
Etykieta linku | Tekst do kliknięcia, który klienci klikają w celu wyświetlenia wyskakującego okienka dialogowego. |
Strona | Wybierz 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.
Ustawienie | Opis |
---|---|
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:
|
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.
Ustawienie | Opis |
---|---|
Układ | Wybierz pomiędzy układem poziomym lub pionowym dla bloku. |
Pierwsza ikona | Wybierz ikonę do wyświetlenia w bloku lub opcję Brak, aby wyświetlić tylko tytuł. |
Pierwszy obraz | Wybierz własny obraz, który ma być używany zamiast ikony. |
Pierwszy nagłówek | Dodaj tytuł dla pierwszej ikony lub obrazu. |
Druga ikona | Wybierz ikonę do wyświetlenia w bloku lub opcję Brak, aby wyświetlić tylko tytuł. |
Drugi obraz | Wybierz własny obraz, który ma być używany zamiast ikony. |
Drugi nagłówek | Dodaj tytuł dla drugiej ikony lub obrazu. |
Trzecia ikona | Wybierz ikonę do wyświetlenia w bloku lub opcję Brak, aby wyświetlić tylko tytuł. |
Trzeci obraz | Wybierz własny obraz, który ma być używany zamiast ikony. |
Trzeci nagłówek | Dodaj 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
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. |
Rozmiar nagłówka | Rozmiar tekstu tytułu. Wybierz pomiędzy małym, średnim, dużym, bardzo dużym lub ogromnym. |
Maksymalna ilość produktów do wyświetlenia | Ustaw maksymalną liczbę powiązanych produktów do wyświetlenia. Wybierz liczbę od 2 do 10. |
Liczba kolumn na komputerze | Ustaw liczbę kolumn dla produktów do wyświetlenia na komputerach. Wprowadź liczbę pomiędzy 1 a 6. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Proporcja obrazu | Ustaw współczynnik obrazu dla wyświetlanych wyróżnionych obrazów powiązanych produktów. Wybierz jedną z poniższych opcji:
|
Kształt obrazu | Wybierz jeden z poniższych kształtów obrazu dla powiązanych obrazów produktu:
|
Pokaż drugi obraz po najechaniu kursorem | Gdy 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ę produktu | Wyś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 mobilnym | Okreś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órze | Określ ilość miejsca na górze każdej sekcji. |
Wypełnienie na dole | Określ ilość miejsca na dole każdej sekcji. |