Funkcje sklepu online

Możesz dodać funkcje do dowolnej strony swojego sklepu online, za pomocą sekcji. Możesz wybierać, dodawać i konfigurować sekcje z obrazami, tekstem, kolorami marki i nie tylko.

Niektóre strony będą mieć domyślne sekcje, takie jak pasek ogłoszeń, nagłówek i stopka. Te sekcje pojawiają się na każdej stronie.

Wszystkie szablony Shopify zawierają funkcje sklepu online opisane na tej stronie. Płatne szablony mogą zawierać również niektóre z tych funkcji. Aby uzyskać więcej informacji, zapoznaj się z przewodnikiem po pomocy technicznej dla określonego szablonu.

Pasek ogłoszeń

Pasek ogłoszeń umożliwia przekazywanie klientom ważnych informacji na dowolnej stronie i dostosowanie maksymalnie 12 różnych bloków ogłoszeń. Do paska ogłoszeń możesz także dodać selektor języka, selektor kraju lub regionu i ikony mediów społecznościowych.

Jeśli masz kilka ogłoszeń, możesz określić, czy ogłoszenia mają zmieniać się automatycznie, czy też klienci będą mogli ręcznie wyświetlać kolejne ogłoszenia za pomocą przycisków pagonów.

Ustawienia sekcji

Ustawienia sekcji paska ogłoszeń
UstawienieOpis
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Pokaż linię separatoraWyświetla linię, która wizualnie oddziela pasek ogłoszeń od zawartości strony.
Ikony mediów społecznościowychWyświetla ikony mediów społecznościowych, które odsyłają do kont w mediach społecznościowych.
Automatyczna zmiana ogłoszeńAktywuj, aby ogłoszenia zmieniały się automatycznie.
Zmieniaj slajdy coWybierz częstotliwość zmiany ogłoszeń.
Włącz selektor kraju/regionuDodaj selektor, za pomocą którego klienci mogą wybierać kraje i regiony aktywowane przez Ciebie w ustawieniach płatności. Dzięki temu klienci mogą wyświetlać ceny produktów w wybranej przez nich walucie.
Włącz selektor językaDodaj selektor, za pomocą którego klienci mogą wybierać kraje i regiony aktywowane przez Ciebie w ustawieniach języka. Dzięki temu klienci mogą przeglądać Twój sklep w wybranym przez siebie języku.

Blok ogłoszenia

Możesz dodać tekst i link do bloku ogłoszeń, tak aby można było go kliknąć i przekierować klientów na określoną stronę.

Ustawienia bloku ogłoszeń w sekcji paska ogłoszeń
UstawienieOpis
TekstOgłoszenie, które chcesz wyświetlić swoim klientom.
LinkLink, do którego mają przejść klienci, jeśli klikną pasek ogłoszeń.

Nagłówek jest wyświetlany na wszystkich stronach w Twoim sklepie online.

Ustawienia sekcji

Ustawienia sekcji nagłówka
UstawienieOpis
Pozycja logo na komputerze

Miejsce, w którym logo jest wyświetlane w nagłówku, gdy klient wyświetli witrynę na dużym ekranie. Położenie logo jest automatycznie optymalizowane pod kątem urządzeń mobilnych.

  • Środek, po lewej – logo jest wyświetlane w tekście menu głównego, wyśrodkowane pionowo i wyrównane do lewej.
  • Góra, po lewej – logo jest wyświetlane nad menu głównym i wyrównane wraz z pozycjami menu do lewej.
  • Góra, środek (domyślnie) – logo jest wyświetlane nad menu głównym i wyrównane wraz pozycjami menu do środka.
MenuMenu do wykorzystania jako menu główne. Kliknij przycisk Zmień, aby wybrać inne menu.
Typ menu na komputerzeUżyj menu rozwijanego, aby wybrać typ menu dla komputera:
  • Lista rozwijana - Wyświetla zawartość menu drugiego poziomu, przy czym poziom trzeci jest zwinięty do momentu kliknięcia odpowiedniej pozycji drugiego poziomu. Typ menu jest automatycznie optymalizowany pod kątem urządzeń mobilnych.
  • Mega menu - Wyświetla całą zawartość menu drugiego i trzeciego poziomu po pierwszym kliknięciu. Typ menu jest automatycznie optymalizowany pod kątem urządzeń mobilnych.
  • Szuflada - Wyświetla menu szufladowe za pomocą ikony menu hamburgerowego. Po kliknięciu wyświetlą się wszystkie pozycje menu jednego poziomu, które można kliknąć, aby otworzyć dalsze warstwy nawigacji (poziom dwa i trzy).
Przypięty nagłówek

Określ, czy chcesz użyć przypiętego nagłówka i w jaki sposób ma być wyświetlany.

  • Brak - nagłówek znika, gdy klient przewija stronę.
  • Przy przewijaniu w górę - nagłówek jest wyświetlany, gdy klient przewija stronę w górę.
  • Zawsze - nagłówek jest zawsze wyświetlany, gdy klient przewija stronę w górę lub w dół.
  • Zawsze zmniejsz rozmiar logo - nagłówek jest zawsze wyświetlany, gdy klient przewija stronę w górę lub w dół. Rozmiar logo zmniejsza się o 25% podczas przewijania strony przez klienta.
Pokaż linię separatoraWyświetla linię, która wizualnie oddziela nagłówek od zawartości strony.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Włącz selektor kraju/regionuDodaje selektor, za pomocą którego klienci mogą wybierać kraje i regiony aktywowane przez Ciebie w ustawieniach płatności. Dzięki temu klienci mogą wyświetlać ceny produktów w wybranej przez nich walucie.
Włącz selektor językaDodaje selektor, za pomocą którego klienci mogą wybierać kraje i regiony aktywowane przez Ciebie w ustawieniach języka. Dzięki temu klienci mogą przeglądać Twój sklep w wybranym przez siebie języku.
Położenie logo na urządzeniu mobilnym

Wybierz miejsce, w którym logo będzie wyświetlane na urządzeniach mobilnych.

  • Środek – logo jest wyświetlane na środku nagłówka.
  • Po lewej – logo jest wyświetlane po lewej stronie nagłówka.
OdstępyDodaj odstęp pod nagłówkiem. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli miejsca na dolnym marginesie.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole nagłówka. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu na górze lub na dole nagłówka.

Blok nagłówka

W sekcji Nagłówek możesz dodać następujące bloki.

Ustawienia bloku aplikacji w sekcji nagłówka
UstawienieOpis
AplikacjeDodaj aplikację kompatybilną z Online Store 2.0. Dodaj do 3 aplikacji. Zostaną one umieszczone po lewej stronie ikony koszyka i ograniczone do rozmiaru 44 x 44 piksele.

Stopka jest wyświetlana na wszystkich stronach w szablonie.

Ustawienia sekcji

Ustawienia sekcji stopki
UstawienieOpis
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Pokaż rejestrację w celu otrzymywania e-mailiZawiera formularz rejestracji w celu otrzymywania e-maili, w którym klienci mogą subskrybować newsletter i materiały marketingowe.
NagłówekTytuł formularza Pokaż rejestrację w celu otrzymywania e-maili. Jeśli opcja Pokaż rejestrację w celu otrzymywania e-maili nie jest włączona, nie jest on wyświetlany. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Obserwuj w ShopWyświetl przycisk obserwowania dla swojej witryny sklepu w aplikacji Shop. Dowiedz się więcej o opcji Obserwuj w aplikacji Shop.
Ikony mediów społecznościowychWyświetla ikony wszystkich platform mediów społecznościowych, dla których wprowadziłeś(-aś) link do profilu w ustawieniach szablonu.
Włącz selektor kraju/regionuDodaje selektor, za pomocą którego klienci mogą wybierać kraje i regiony aktywowane przez Ciebie w ustawieniach płatności. Dzięki temu klienci mogą wyświetlać ceny produktów w wybranej przez nich walucie.
Włącz selektor językaDodaje selektor, za pomocą którego klienci mogą wybierać kraje i regiony aktywowane przez Ciebie w ustawieniach języka. Dzięki temu klienci mogą przeglądać Twój sklep w wybranym przez siebie języku.
Pokaż ikony płatnościWyświetla ikony dla metod płatności, które są włączone w Twoim sklepie. Ikony mogą nie być dostępne dla danej metody płatności, jeśli ikona nie została zarejestrowana przez dostawcę płatności. Gdy klient odwiedza Twój sklep, ikony te są filtrowane w taki sposób, aby wyświetlane były tylko metody płatności obsługiwane w regionie i walucie bieżącego klienta.
Pokaż linki do politykiWyświetla ikony linków do polityki obok informacji o prawach autorskich. Linki do polityki są generowane w sposób określony w sekcji Ustawienia > Polityki w panelu administracyjnym Shopify. Dowiedz się więcej o dodawaniu polityki sklepu.
OdstępyDodaj odstęp powyżej stopki. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu do górnego marginesu.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole stopki. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu na górze lub na dole stopki.

Blok menu

Ustawienia dla bloku menu w sekcji stopki
UstawienieOpis
NagłówekTytuł bloku. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
MenuMenu do wyświetlenia w bloku. W stopce wyświetlane są tylko pozycje menu najwyższego poziomu, więc typy rozwijanych menu nie będą wyświetlane w oczekiwany sposób.

Blok informacji o marce

Informacjami o Twojej marce zarządza się w ustawieniach szablonu. Dowiedz się więcej o informacjach o marce.

Ustawienia dla bloku informacji o marce w sekcji stopki
UstawienieOpis
Pokaż ikony mediów społecznościowychWyświetla ikony wszystkich platform mediów społecznościowych, dla których wprowadziłeś(-aś) link do profilu w ustawieniach szablonu.

Blok tekstowy

Blok Tekst może służyć do wyróżniania ważnych informacji, takich jak dane sklepu, promocje lub dane kontaktowe.

Ustawienia dla bloku tekstu w sekcji stopki
UstawienieOpis
NagłówekTytuł bloku. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Tekst podrzędnyTekst, który będzie wyświetlany w bloku.

Blok obrazu

Ustawienia bloku obrazu w sekcji stopki
UstawienieOpis
ObrazObraz do wyświetlenia w bloku.
Szerokość obrazuUstawia szerokość obrazu. Może być dowolną wielokrotnością 5 – od 50 do 200 pikseli. Domyślnie jest to 100 pikseli.
Wyrównanie obrazu na dużym ekranie

Wyrównuje obraz w bloku:

  • Do lewej – wyrównuje obraz do lewej strony bloku.
  • Wyśrodkowanie (domyślnie) – wyrównuje obraz do środka bloku.
  • Do prawej – wyrównuje obraz do prawej strony bloku.

Posty na blogu

Jeśli masz blog w sklepie Shopify, możesz użyć sekcji Post na blogu, aby wyróżnić posty z tego blogu. Każdy post na blogu w sekcji Posty na blogu zawiera pierwsze 55 słów fragmentu posta. Jeśli post na blogu nie zawiera fragmentu, zamiast niego wyświetlonych zostanie pierwszych 30 słów posta.

Ustawienia sekcji

Ustawienia dla sekcji postów na blogu
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
BlogBlog, z którego mają być wyświetlane posty. Domyślnie jest to pierwszy blog z blogów uporządkowanych w kolejności alfabetycznej na stronie Blogi.
Posty na bloguLiczba postów na blogu, które chcesz wyświetlić w sekcji. Maksymalnie: 4 posty.
Liczba kolumn na komputerzeLiczba kolumn do wyświetlenia na komputerach. Minimalnie: 1. Maksymalnie: 4.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Pokaż wyróżniony obrazWyświetla wyróżniony obraz dla posta na blogu. Sugerowany współczynnik proporcji obrazu: 3:2.
Pokaż datęWyświetla datę utworzenia posta na blogu.
Pokaż autoraWyświetla autora posta na blogu.
Włącz przycisk „Wyświetl wszystko”, jeśli blog zawiera więcej postów niż pokazanoJeśli blog ma więcej postów na blogu niż ustawiono w polu Post na blogu, wyświetla się przycisk „Wyświetl wszystko”, który przekierowuje klientów na stronę bloga.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji posta na blogu. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji posta na blogu.

Wybierz blog

  1. W edytorze szablonów kliknij tytuł sekcji Posty na blogu.
  2. W sekcji Blog kliknij opcję Zmień.
  3. Wybierz blog.
  4. Kliknij opcję Wybierz, a następnie Zapisz.

Kolaż

Możesz tworzyć kolaż obrazów, produktów, kolekcji i filmów. Każda sekcja Kolaż zawiera trzy bloki. Domyślnie sekcja zawiera blok obrazu, produktu i kolekcji. Po usunięciu jednego z bloków możesz dodać blok wideo.

Aby utworzyć kolaż z więcej niż trzech bloków, dodaj dodatkowe sekcje kolażu pod pierwszym i nie dołączaj wartości Nagłówka do dolnych sekcji kolażu. Sekcje kolażu będą wyświetlane razem jako jedna sekcja.

Zalecane współczynniki proporcji dla wszystkich obrazów w tej sekcji to 2:3 lub 1:1.

Ustawienia sekcji

Ustawienia sekcji kolażu
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
Układ pulpitu

Sposób, w jaki multimedia kolażu są wyświetlane na pulpicie.

  • Duży blok po lewej (domyślnie) – pierwszy blok w sekcji jest wyświetlany po lewej stronie i jest większy od innych bloków.
  • Duży blok po prawej - ostatni blok w sekcji jest wyświetlany po prawej stronie i większy niż pozostałe bloki.
Układ na urządzeniu mobilnym

Sposób wyświetlania bloków na urządzeniach mobilnych.

Kolaż – wyświetla obrazy w układzie kolażu:
  • Jeśli w Układzie na komputer włączony jest Duży blok po lewej, pierwszy blok w sekcji jest wyświetlany na górze i jest większy niż pozostałe bloki.
  • Jeśli w Układzie na komputer włączony jest Duży blok po prawej, ostatni blok w sekcji jest wyświetlany na dole i jest większy niż pozostałe bloki.
Kolumna - Wyświetla wszystkie multimedia w tym samym rozmiarze i w kolumnie.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji kolażu. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli miejsca na górze lub na dole sekcji.

Blok filmowy

Ustawienia bloku filmu w sekcji kolażu
UstawienieOpis
Obraz w tleObraz wyświetlany przed wyświetleniem filmu przez klienta. Możesz przesłać niestandardowy obraz w tle w panelu administracyjnym Shopify.
Adres URLLink z YouTube lub Vimeo do filmu. Film musi być dostępny publicznie. Film zostanie odtworzony w wyskakującym oknie.
Alternatywny tekst filmuTekst alternatywny dla filmu. Opisuje kontekst i cel filmu dla klientów korzystających z czytników ekranu.

Blok produktu

Ustawienia dla bloku produktu w sekcji kolażu
UstawienieOpis
ProduktProdukt, który chcesz wyświetlić.
Pokaż drugi obraz po najechaniu kursoremGdy klient najedzie kursorem na obraz produktu, wyświetli drugi obraz dla produktu, jeśli produkt go posiada.

Blok kolekcji

Ustawienia bloku kolekcji w sekcji kolażu
UstawienieOpis
KolekcjaKolekcja, którą chcesz wyświetlić.

Blok obrazu

Ustawienia dla bloku obrazu w sekcji kolażu
UstawienieOpis
ObrazObraz dla sekcji. Kliknij opcję Wybierz obraz, aby wybrać obraz, lub kliknij przycisk Zmień, aby zmienić lub usunąć obraz.
Edytuj tekst alternatywnyDodaj krótki opis obrazu, aby poprawić pozycjonowanie stron (SEO) i opisać obraz dla klientów korzystających z czytników ekranu.

Zwijana treść

Sekcja zwijanej treści obsługuje wiersze, które można zwijać lub rozwijać w celu wyświetlenia zawartej w nich treści oraz obraz, który można umieścić po lewej lub prawej stronie zwijanej treści.

Ustawienia sekcji

Ustawienia sekcji zwijanej treści
UstawienieOpis
NapisyOpcjonalny podpis sekcji zwijanej treści. Wyświetla się nad nagłówkiem sekcji.
NagłówekNagłówek zwijanej sekcji zawartości. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
Wyrównanie nagłówkaWybierz wyrównanie nagłówka sekcji. Opcje to: do lewej, wyśrodkowanie (domyślne) lub do prawej.
Układ

Wybierz układ dla zwijanej treści:

  • Brak kontenera (domyślnie)
  • Kontener wierszy – każdy zwijany wiersz znajduje się w zacienionym polu
  • Kontener sekcji – zawiera całą sekcję zwijanej treści w zacienionym polu
Kolorystyka Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Schemat kolorów kontenera Zestaw kolorów, które możesz zastosować do kontenera. Dowiedz się więcej o kolorystykach. Wybrana kolorystyka jest wyświetlana tylko wtedy, gdy opcja Układ jest ustawiona na kontener Wiersz lub Sekcja.
Otwórz pierwszy zwijany wierszGdy ta opcja jest zaznaczona, pierwszy wiersz zwijanej treści zostanie domyślnie rozszerzony.
ObrazObraz dla sekcji. Kliknij opcję Wybierz obraz, aby wybrać obraz, lub kliknij przycisk Zmień, aby zmienić lub usunąć obraz.
Edytuj tekst alternatywnyDodaj krótki opis obrazu, aby poprawić pozycjonowanie stron (SEO) i opisać obraz dla klientów korzystających z czytników ekranu.
Proporcja obrazuWspółczynnik obrazu dla obrazu kolekcji:
  • Dostosuj do obrazu (domyślnie) – Używa współczynnika proporcji obrazu. Dzięki temu obrazy nie zostaną przycięte.
  • Małe
  • Duże
Układ pulpituOkreśl, czy obraz lub zwijane wiersze mają pojawiać się jako pierwsze. Domyślnie wyświetlany jest najpierw tekst. Na urządzeniu mobilnym obraz pojawia się zawsze jako pierwszy.
Dopełnienie sekcjiDodaj odstępy na górze lub na dole zwijanej zawartości. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji zwijanej zawartości.

Blok zwijanego wiersza

Ustawienia bloku zwijanych wierszy
UstawienieOpis
NagłówekNagłówek zwijanego wiersza.
IkonaWybierz ikonę z listy rozwijanej w celu wyświetlenia przed zwijanym nagłówkiem zawartości. Ikona znacznika wyboru jest wybierana domyślnie.
Treść wierszaZawartość zwijanego wiersza. Zawartość można sformatować lub dołączyć linki URL. Tej funkcji można używać w połączeniu z Treścią wiersza ze strony.
Treść wiersza ze stronyMożesz wstawić istniejącą treść z innej strony do zwijanego wiersza. Kliknij opcję Zmień, aby wybrać lub usunąć stronę. Tej funkcji można używać w połączeniu z Treścią wiersza.

Lista kolekcji

Możesz dodać listę kolekcji, które chcesz wyróżnić. Do listy kolekcji można dodać maksymalnie 16 bloków kolekcji.

Ustawienia sekcji

Ustawienia dla sekcji listy kolekcji
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
Proporcja obrazuProporcje obrazu dla wyróżnionych obrazów kolekcji:
  • 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 (domyślnie) – przycięcie obrazów w sposób zapewniający zachowanie proporcji 1:1.
Liczba kolumn na komputerzeLiczba kolumn do wyświetlenia na komputerach. Minimalnie: 1. Maksymalnie: 5.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Włącz przycisk „Wyświetl wszystko”, jeśli lista zawiera więcej kolekcji niż pokazanoWyświetla przycisk „Wyświetl wszystkie“, który przenosi klientów do pełnej listy kolekcji.
Liczba kolumn na urządzeniu mobilnymUstaw określony układ kolumn dla urządzeń mobilnych. Wybierz jedną lub dwie kolumny.
Włącz przeciąganie na urządzeniu mobilnymZmienia wygląd wyświetlacza urządzenia mobilnego z kolumnowego na wierszowy, w którym klienci mogą przeciągać ekrany w poziomie, aby zobaczyć więcej bloków kolekcji.
Dopełnienie sekcjiDodaj miejsce na górze lub na dole listy kolekcji. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji kolekcji.

Wybierz kolekcje

  1. W edytorze szablonów kliknij Blok kolekcji, do którego chcesz dodać kolekcję.
  2. Kliknij Wybierz kolekcję.
  3. Kliknij kolekcję, a następnie opcję Wybierz.

Formularz kontaktowy

Wszystkie przesłane formularze kontaktowe są przekazywane na adres e-mail nadawcy Twojego sklepu. Adres e-mail nadawcy można zmienić na stronie ustawień Powiadomienia w panelu administracyjnym Shopify.

Formularz zawiera następujące pola:

  • Nazwa
  • E-mail (wymagany)
  • Numer telefonu
  • Komentarz

Ustawienia sekcji

Ustawienia sekcji formularza kontaktowego
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole formularza kontaktowego. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji formularza kontaktowego.

Niestandardowy kod Liquid

Możesz dodać własny kod Liquid, aby utworzyć niestandardową sekcję.

  • Dodaj fragmenty kodu aplikacji podane w instrukcjach z pobranych aplikacji, aby wprowadzić aplikacje na swoje strony.
  • Dodaj niestandardowy kod Liquid bezpośrednio w edytorze.

Ustawienia sekcji

Ustawienia sekcji Niestandardowy Liquid
UstawienieOpis
Niestandardowy LiquidDodawaj fragmenty kodu aplikacji lub niestandardowy kod Liquid, aby tworzyć zaawansowane dostosowania.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji Niestandardowy Liquid. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli miejsca powyżej lub poniżej sekcji Niestandardowy Liquid.

Baner rejestracji w celu otrzymywania e-maili

Możesz dodać sekcję do strony hasła, na której klienci mogą wprowadzić swój adres e-mail, aby otrzymać informację o otwarciu Twojego sklepu. Każda subskrypcja e-maili powoduje utworzenie konta klienta.

Sekcja zawiera trzy domyślne bloki:

  • Nagłówek
  • Nagłówek podrzędny
  • Formularz e-maila

Ustawienia sekcji

Ustawienia dla sekcji banera zapisu na email
UstawienieOpis
Obraz tłaObraz tła banera rejestracji w celu otrzymywania e-maili. Kliknij opcję Zmień, aby zastąpić lub usunąć obraz. Po usunięciu obrazu wyświetlany jest obraz dołączony do szablonu. Ukryj ten obraz, odznaczając pole wyboru Pokaż obraz tła.
Edytuj tekst alternatywnyKliknij, aby ustawić alternatywny tekst obrazu na potrzeby pozycjonowania stron i opisać obraz dla klientów korzystających z czytników ekranu.
Nieprzezroczystość nakładki obrazuPrzedstawia obraz baneru zapisu na email z nakładką. Użyj suwaka, aby ustawić nieprzezroczystość nakładki. Domyślnie 0%.
Wyświetl obraz tłaZaznacz to pole, aby wyświetlić obraz tła na banerze rejestracji w celu otrzymywania e-maili.
Wysokość banera

Ustaw wysokość obrazu banera rejestracji w celu otrzymywania e-maili za pomocą menu rozwijanego. Wybierz spośród opcji: Dostosuj do obrazu, Mały, Średni (domyślna) lub Duży.

Pozycja treści na pulpicieUstaw położenie banera rejestracji w celu otrzymywania e-maili dla komputerów. Wybierz spośród opcji: Góra, Środek lub Dół oraz Prawa strona, Lewa strona lub Środek. Opcja Środek jest opcją domyślną.


Na komputerze pole tekstowe częściowo zasłania obraz. Na urządzeniu mobilnym pole tekstowe wyświetlane jest pod obrazem.

Pokaż kontener na komputerzeUmieszcza tekst obrazu banera rejestracji w celu otrzymywania e-maili w polu tekstowym na obrazie dla klientów dokonujących zakupów na komputerze.
Wyrównanie treści na komputerzeUstaw wyrównanie tekstu banera z obrazem dla komputerów. Wybierz spośród opcji: prawa strona, lewa strona lub środek (domyślna).
Kolorystyka Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.


Na komputerze wybrany schemat kolorów jest wyświetlany tylko po wybraniu opcji Pokaż kontener na komputerze. Na urządzeniu mobilnym wybrany schemat kolorów jest wyświetlany tylko po wybraniu opcji Pokaż treść pod obrazem na urządzeniu mobilnym.

Wyrównanie treści na urządzeniu mobilnymUstaw wyrównanie tekstu banera z obrazem dla urządzeń mobilnych. Wybierz spośród opcji: prawa strona, lewa strona lub środek (domyślna).
Pokaż treść pod obrazem na urządzeniu mobilnymTreść pojawi się pod obrazem banera rejestracji w celu otrzymywania e-maili na urządzeniach mobilnych.

Blok nagłówka

Ustawienia bloku nagłówka w sekcji banera rejestracji na e-mail
UstawienieOpis
NagłówekTytuł sekcji.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.

Blok nagłówka podrzędnego

Ustawienia dla bloku podnagłówka w sekcji rejestracji na e-mail
UstawienieOpis
OpisOpis sekcji.
Styl tekstuZmienia styl tekstu w sekcji rejestracji w celu otrzymywania e-maili. Wybierz spośród opcji: Tekst podstawowy (domyślna) i Podtytuł.

Rejestracja w celu otrzymywania e-maili

Możesz dodać sekcję, w której klienci będą mogli wprowadzić adres e-mail i subskrybować newsletter lub materiały marketingowe. Kiedy klient dokona subskrypcji, w panelu administracyjnym Shopify zostanie utworzone konto klienta.

Sekcja zawiera trzy domyślne bloki:

  • Nagłówek
  • Nagłówek podrzędny
  • Formularz e-maila

Ustawienia sekcji

Ustawienia sekcji rejestracji w celu otrzymywania e-maili
UstawienieOpis
Kolorystyka Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Powiększ sekcję na całą szerokość ekranuRozszerza sekcję na szerokość okna przeglądarki.

Blok nagłówka

Ustawienia bloku nagłówka w sekcji banera rejestracji na e-mail
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.

Blok nagłówka podrzędnego

Ustawienia dla bloku nagłówka podrzędnego w sekcji listy kolekcji
UstawienieOpis
OpisOpis sekcji.

Formularz e-maila

W bloku formularza e-maila wyświetlane jest pole, w którym klient może wprowadzić adres e-mail, aby zarejestrować się i wyrazić zgodę na otrzymywanie materiałów marketingowych. Blok nie ma konfigurowalnych ustawień.

Możesz dodać sekcję, która wyświetla produkty w jednej kolekcji.

Ustawienia sekcji

Ustawienia sekcji polecanych kolekcji
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. Kliknij przycisk Dynamiczne źródło, aby wstawić dynamiczne źródło jako tytuł sekcji.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
OpisWprowadź tekst opisujący polecane kolekcje. Możesz sformatować tekst, aby wyświetlał się jako pogrubiony, pochylony lub aby zawierał link. Kliknij przycisk Dynamiczne źródło, aby wstawić dynamiczne źródło dla opisu polecanych kolekcji.
Pokaż opis kolekcji z panelu administracyjnegoZaznaczenie tego pola spowoduje użycie opisu kolekcji dodanego do kolekcji w panelu administracyjnym Shopify zamiast tekstu wprowadzonego w powyższym polu Opis.
Styl opisuUżyj rozwijanego menu, aby wybrać styl opisu polecanych kolekcji. Dostępne opcje to: treść (domyślnie), podtytuł lub wielkie litery.
KolekcjaKolekcja, z której chcesz wyświetlić produkty. Kliknij opcję Zmień, aby usunąć lub zmienić kolekcję.
Maksymalna ilość produktów do wyświetleniaLiczba produktów z kolekcji do wyświetlenia. Minimalnie: 2. Maksymalnie: 25.
Liczba kolumn na komputerzeLiczba kolumn do wyświetlenia na komputerach. Minimalnie: 1. Maksymalnie: 5.
Wyświetl produkty w pełnej szerokościZaznacz pole wyboru, aby wyświetlić produkty na całej szerokości okna, niezależnie od ustawienia szerokości strony.
Włącz przycisk „Wyświetl wszystko”, jeśli kolekcja ma więcej produktów niż pokazanoJeśli lista kolekcji ma więcej kolekcji niż ustawiono w polu Maksymalna liczba kolekcji do pokazania, wyświetla się przycisk „Wyświetl wszystko”, który przekierowuje klientów na stronę kolekcji.
Styl „Wyświetl wszystkie”Wybierz link, stały przycisk lub przycisk konspektu.
Włącz karuzelę na komputerzeZaznacz pole wyboru, aby wyświetlić produkty w karuzeli na ekranach szerszych niż 989 pikseli.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Proporcja obrazuWspółczynnik obrazu dla obrazów produktów:
  • Dostosuj do obrazu (domyślnie) – 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 swoich 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 obraz, wyświetli drugi obraz dla produktu, jeśli produkt go posiada.
Pokaż dostawcęWyświetla dostawców produktów.
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.
Włącz przycisk szybkiego dodawaniaPrzycisk szybkiego dodawania umożliwia klientom dodawanie pozycji do koszyka z poziomu karty produktu. Jeśli produkt ma warianty, na przycisku pojawi się napis „Wybierz opcje”. Po jego kliknięciu wyświetlą się szczegóły produktu w wyskakującym okienku, w którym klient będzie mógł wybrać żądane warianty, dodać pozycję do koszyka, od razu realizować zakup dzięki opcji „Kup teraz” lub kliknąć, aby wyświetlić wszystkie szczegóły pozycji. Pamiętaj – to ustawienie zależy od tego, czy włączony został przycisk „Kup teraz” na Twojej stronie produktu. Jeśli przycisk „Kup teraz” nie został włączony w szablonie produktu, klienci mają możliwość dodania produktu do koszyka, ale nie zobaczą workflow szybkiej realizacji zakupu za pomocą opcji „Kup teraz”.
Liczba kolumn na urządzeniu mobilnymUstaw określony układ kolumn dla urządzeń mobilnych. Wybierz jedną lub dwie kolumny.
Włącz przeciąganie na urządzeniu mobilnymZmienia wygląd wyświetlacza mobilnego z kolumnowego na wierszowy, w którym klienci mogą przeciągać ekrany w poziomie, by zobaczyć więcej produktów.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji polecanej kolekcji. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji polecanych kolekcji.

Możesz dodać sekcję z określonym produktem.

Ustawienia sekcji

Ustawienia sekcji polecanych produktów
UstawienieOpis
ProduktProdukt, który chcesz pokazać w sekcji.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Pokaż dodatkowe tłoWyświetla polecany produkt na dodatkowym kolorowym tle.
Szerokość multimediów dla komputeraWybierz mały, średni lub duży rozmiar multimediów. Obraz jest automatycznie optymalizowany dla urządzeń mobilnych.
Ograniczenie multimediów do wysokości ekranuPo wybraniu tej opcji maksymalna wysokość multimediów zostanie dostosowana do wysokości okna przeglądarki.
Dopasowanie multimediówZaznacz opcję Oryginalne, aby zachować oryginalny współczynnik proporcji, lub Wypełnienie, aby dopasować multimedia do kontenera.
Pozycja multimediów na pulpicieOkreśl, czy polecane multimedia produktu mają znajdować się po lewej czy po prawej stronie. Dotyczy tylko użytkowników uzyskujących dostęp do strony na komputerze.
Powiększenie obrazu

Wybierz sposób powiększania obrazu na komputerze:

  • Otwórz lightbox - otwiera duży obraz. Domyślne ustawienie dla urządzeń mobilnych.
  • Bez powiększenia - dezaktywuje powiększanie obrazów. Ustawienie zalecane dla obrazów o niskiej rozdzielczości.
  • Kliknij i najedź kursorem – Kliknij, aby powiększyć obraz, a następnie najedź kursorem, aby wyświetlić różne sekcje w powiększeniu. Powiększenie po najechaniu kursorem jest wyłączone po ponownym kliknięciu powiększonego obrazu lub po opuszczeniu obszaru zawierającego obraz. Kiedy ta opcja jest włączona i użytkownik korzysta z urządzenia mobilnego, obraz domyślnie otworzy się w oknie modalnym (lightbox).
Ukryj multimedia innych wariantówWybierz tę opcję, aby ukryć multimedia dla innych wariantów po wybraniu wariantu.
Włącz zapętlanie wideoUmożliwia ponowne odtworzenie nagrania wideo. Klienci muszą kliknąć, aby rozpocząć ponowne odtwarzanie.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji polecanych produktów. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli miejsca na górze lub na dole sekcji.

Możesz dodawać poniższe bloki w sekcji Polecany produkt.

Bloki dostępne w sekcji polecanych produktów
BlokUstawienia
TekstWprowadź tekst dla polecanego produktu:
  • Tekst: Akceptuje tekst lub dynamiczne źródło.
  • Styl tekstu: Wybierz pomiędzy tekstem, podtytułem lub wielkimi literami.
Tytuł Rozmiar nagłówka: Wybierz pomiędzy małym, średnim lub dużym.
CenaTen blok nie ma konfigurowalnych ustawień.
Selektor wariantówWybierz okrągłe przełączniki albo rozwijane menu.
Selektor ilościTen blok nie ma konfigurowalnych ustawień.
Przyciski zakupuZaznacz pole Pokaż dynamiczne przyciski realizacji zakupu, aby wyświetlić wszystkie dynamiczne opcje realizacji zakupu, które włączono w ustawieniach Płatności.
UdostępnijTekst do kliknięcia, który umożliwia klientom udostępnianie produktu w mediach społecznościowych.
Ocena 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. i reviews.rating.
Niestandardowy LiquidDodaj niestandardowy kod Liquid lub HTML.
AplikacjeDodaj aplikację zgodną z Online Store 2.0.
Ikona z tekstemW tym bloku wyświetlane są maksymalnie trzy ikony, które można wybrać z listy wstępnie zainstalowanych ikon lub z przesłanego obrazu. Jeśli zdecydujesz się na przesłanie obrazu, przesłany obraz nadpisze ikonę wybraną z menu rozwijanego. Możesz wybrać pionowy lub poziomy układ ikon. Aby usunąć ikonę, wyczyść pole nagłówka. Aby wyświetlić więcej niż trzy ikony, dodaj kolejny blok **Ikona z tekstem**.
SKUTen blok wyświetla SKU (jednostkę magazynową) produktu, gdy Twój wariant ma powiązaną SKU. Dowiedz się więcej o [dodawaniu numerów SKU do wariantów produktu w panelu administracyjnym](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/show-sku#add-sku-numbers-to-your-product-variants-from-the-admin-sectioned%20themes-specific).

Baner z obrazem

Sekcja banera obrazu zawiera jeden lub dwa obrazy oraz pole tekstowe z przyciskami. Jeśli używane są dwa obrazy, są one wyświetlane obok siebie na komputerze. Na urządzeniu mobilnym można wybrać, czy obrazy mają być wyświetlane obok siebie czy w kolumnie.

Na komputerze pole tekstowe częściowo pokrywa obraz. Na urządzeniu mobilnym pole tekstowe jest wyświetlane pod obrazem. Możesz zmienić wyrównanie tekstu za pomocą opcji Do prawej, Do lewej lub Do środka zarówno na komputerach, jak i na urządzeniach mobilnych.

Ustawienia sekcji

Ustawienia sekcji banera z obrazem
UstawienieOpis
Pierwszy obrazGłówny obraz banera. Jeśli do sekcji dodane zostaną dwa obrazy, obraz pierwszy wyświetlany będzie po lewej stronie lub u góry, w zależności od tego, czy klient korzysta z komputera stacjonarnego, czy z urządzenia mobilnego.
Edytuj tekst alternatywnyKliknij, aby ustawić alternatywny tekst obrazu na potrzeby pozycjonowania stron i opisać obraz dla klientów korzystających z czytników ekranu.
Drugi obrazDodatkowy obraz dla banera. Jeśli do sekcji dodane zostaną dwa obrazy, ten obraz wyświetlany będzie po prawej stronie lub na dole, w zależności od tego, czy klient korzysta z komputera stacjonarnego, czy z urządzenia mobilnego.
Nieprzezroczystość nakładki obrazuDodaje nakładkę do obrazów banera. Użyj suwaka, aby ustawić nieprzezroczystość nakładki. Domyślna wartość to 0%.
Wysokość banera

Ustaw wysokość obrazów banera za pomocą menu rozwijanego.

  • Dostosuj do pierwszego obrazu - umożliwia ustawienie wysokości sekcji do wysokości pierwszego obrazu.
  • Mała – komputer: 420 pikseli, urządzenie mobilne: 280 pikseli
  • Średnia (domyślne) – komputer: 560 pikseli, urządzenie mobilne: 340 pikseli
  • Duża – komputer: 720 pikseli, urządzenie mobilne: 390 pikseli
Pozycja treści na pulpicieUstaw położenie banera z obrazem na komputerze. Wybierz spośród opcji: Góra, Środek lub Dół oraz Prawa strona, Lewa strona lub Środek.
Pokaż kontener na komputerzeUmieszcza tekst obrazu banera w polu tekstowym na obrazie banera dla klientów dokonujących zakupów na komputerze.
Wyrównanie treści na komputerzeUstaw wyrównanie tekstu banera z obrazem dla komputerów. Wybierz spośród opcji: prawa strona, lewa strona lub środek.
Kolorystyka Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o kolorystykach. Wybrana kolorystyka jest wyświetlana tylko w przypadku wybrania opcji Pokaż pole tekstowe na pulpicie.
Animacje

Wybierz animację dla obrazu:

  • Brak (domyślnie)
  • Ruch otoczenia - Wolno przesuwa położenie obrazu w jego obszarze.
  • Stałe położenie tła - Gdy klient przewija stronę, elementy na pierwszym planie, takie jak tekst i przyciski, poruszają się z tą samą prędkością, podczas gdy tło pozostaje nieruchome.
  • Powiększenie przy przewijaniu - Gdy klient przewija stronę, elementy pierwszego planu, takie jak tekst i przyciski, poruszają się z tą samą prędkością, podczas gdy tło pozostaje nieruchome, a obraz powiększa się.
Wyrównanie treści na urządzeniu mobilnymUstaw wyrównanie tekstu banera z obrazem dla urządzeń mobilnych. Wybierz spośród opcji: prawa strona, lewa strona lub środek.
Układaj obrazy w stosy na urządzeniu mobilnymJeśli do sekcji dodane zostaną dwa obrazy, będą one wyświetlane w kolumnie zamiast obok siebie.
Pokaż kontener na urządzeniu mobilnymUmieszcza tekst obrazu banera w polu tekstowym na obrazie banera dla klientów dokonujących zakupów na urządzeniu mobilnym.

Blok nagłówka

Ustawienia bloku nagłówka w sekcji banera z obrazem
UstawienieOpis
NagłówekDuży tekst dla tytułu pola tekstowego. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.

Blok tekstowy

Ustawienia dla bloku tekstu w sekcji banera z obrazem
UstawienieOpis
OpisWyświetla tekst w stylu akapitu.
Styl tekstuZmienia styl tekstu na banerze z obrazem. Wybierz pośród opcji: Tekst podstawowy, Podtytuł i Małe litery.

Blok przycisków

Ustawienia dla bloku przycisku w sekcji banera z obrazem
UstawienieOpis
Pierwszy przycisk z etykietąTekst wyświetlany na pierwszym przycisku.
Pierwszy link przyciskuAdres URL, do którego ma przekierowywać pierwszy przycisk.
Użyj stylu przycisku konspektuDostosowuje styl przycisku tak, aby był konturem przycisku i nie posiadał jednolitego tła.
Drugi przycisk z etykietąTekst wyświetlany na drugim przycisku.
Drugi link przyciskuAdres URL, do którego ma przekierowywać drugi przycisk.
Użyj stylu przycisku konspektuDostosowuje styl przycisku tak, aby był konturem przycisku i nie posiadał jednolitego tła.

Obraz z tekstem

Możesz dodać sekcję zawierającą obraz i blok tekstowy z opcjonalnym przyciskiem, aby przekierować klientów do nowej strony. Sparuj tekst z obrazem, aby skierować uwagę na wybrany produkt, kolekcję lub post na blogu. Dodaj szczegóły dotyczące dostępności, stylu lub dołącz recenzję.

Ustawienia sekcji

Ustawienia sekcji obrazu z tekstem
UstawienieOpis
ObrazKliknij opcję Wybierz obraz, aby wybrać obraz dla sekcji. Kliknij przycisk Zmień, aby zmienić lub usunąć obraz.
Edytuj tekst alternatywnyKliknij, aby ustawić alternatywny tekst obrazu na potrzeby pozycjonowania stron i opisać obraz dla klientów korzystających z czytników ekranu.
Wysokość obrazuWybierz wysokość obrazu:
  • Dostosuj do obrazu (domyślnie)
  • Małe
  • Średnie
  • Duże
Szerokość obrazu pulpituSzerokość obrazu:
  • Małe
  • Średnia (domyślnie)
  • Duże
Umieszczanie obrazów na pulpicieOkreśl, czy jako pierwszy pojawia się obraz czy tekst. Domyślnie, obraz wyświetla się jako pierwszy w układach na urządzeniach mobilnych:
  • Najpierw obraz (domyślne ustawienie dla urządzeń mobilnych)
  • Drugi obraz
Pozycja treści na pulpiciePionowe położenie zawartości w kontenerze:
  • Góra (domyślne ustawienie)
  • Środek
  • Dół
Wyrównanie treści na komputerzeWyrównanie tekstu w kontenerze:
  • Do lewej (domyślne ustawienie)
  • Środek
  • Prawa strona
Układ zawartościUmożliwia nakładanie się obrazu i pól tekstowych na siebie. Jeśli wybrano opcję Bez nakładania, zawartość zostanie dostosowana do tekstu i obrazu.
  • Nakładanie się
  • Bez nakładania (domyślne ustawienie)
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Animacje

Wybierz animację dla obrazu:

  • Brak (domyślnie)
  • Ruch otoczenia - Wolno przesuwa położenie obrazu w jego obszarze.
  • Powiększenie przy przewijaniu - Gdy klient przewija stronę, elementy pierwszego planu, takie jak tekst i przyciski, poruszają się z tą samą prędkością, podczas gdy tło pozostaje nieruchome, a obraz powiększa się.
Układ na urządzeniu mobilnymWybierz wyrównanie treści na urządzeniach mobilnych:
  • Do lewej (domyślne ustawienie)
  • Prawa strona
  • Środek
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji obrazu z tekstem. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji obrazu z tekstem.

Blok nagłówka

Ustawienia dla bloku nagłówka w sekcji obrazu z tekstem
UstawienieOpis
NagłówekTekst tytułu sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.

Blok tekstowy

Ustawienia dla bloku tekstu w sekcji obrazu z tekstem
UstawienieOpis
TreśćWyświetla tekst w stylu akapitu w sekcji tekstu.
Styl tekstuStyl tekstu zawartości:
  • Tekst podstawowy (domyślne ustawienie)
  • Podtytuł

Blok przycisków

Ustawienia dla bloku przycisku w sekcji obrazu z tekstem
UstawienieOpis
Przycisk z etykietąTekst wyświetlany na przycisku.
Link przyciskuAdres URL, do którego ma przekierowywać przycisk.

Blok podpisu

Ustawienia dla bloku napisów w sekcji obrazu z tekstem
UstawienieOpis
TekstDodaj slogan lub podpis do obrazu. Tekst pojawi się na dole sekcji obrazu z tekstem.
Styl tekstuStyl tekstu zawartości:
  • Wielkie litery (domyślne ustawienie)
  • Podtytuł
Rozmiar tekstuRozmiar tekstu zawartości:
  • Małe
  • Średnia (domyślnie)
  • Duże

Sekcja wielokolumnowa

Możesz użyć sekcji wielokolumnowej, aby wyświetlić zawartość w układzie kolumn, oraz dodać pod kolumnami przycisk, który przekieruje klienta do nowej strony. Połącz tekst z obrazem, aby skierować uwagę na wybrany produkt, kolekcję lub post na blogu. Dodaj szczegóły dotyczące dostępności, stylu lub dołącz recenzję.

Ustawienia sekcji

Ustawienia sekcji wielokolumnowej
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
Szerokość obrazu

Szerokość obrazów dodanych do kolumn.

  • Pełna szerokość kolumny (domyślnie) – szerokość obrazu to pełny rozmiar kolumny.
  • Połowa szerokości kolumny – szerokość obrazu stanowi połowę rozmiaru kolumny.
  • Jedna trzecia szerokości kolumny – szerokość obrazu to jedna trzecia rozmiaru kolumny.
Proporcja obrazu

Proporcje obrazu:

  • Dostosuj do obrazu (domyślnie) – Używa współczynnika proporcji obrazu. Dzięki temu obraz nie zostanie przycięty.
  • Portret – Przycina obraz tak, by zachować proporcję 2:3.
  • Kwadrat – Przycina obraz tak, by zachować proporcję 1:1.
  • Koło - przycina obraz do wyświetlenia w kształcie koła
Liczba kolumn na komputerzeUżyj skali zakresu, aby wybrać liczbę kolumn, które są wyświetlane na komputerach. Minimalnie: 1, maksymalnie: 6.
Wyrównanie kolumny

Wyrównanie obrazów i tekstu w kolumnach:

  • Do lewej (domyślnie) – wyrównanie obrazów i tekstu do lewej.
  • Wyśrodkowanie – wyrównanie obrazów i tekstu do środka.
Dodatkowe tłoWybierz opcję Brak, aby ukryć dodatkowe tło, lub Pokaż jako tło kolumny, aby zmienić kolory kontenera kolumny.
Przycisk z etykietąTekst wyświetlany na przycisku.
Link przyciskuAdres URL, do którego ma przekierowywać przycisk.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Liczba kolumn na urządzeniu mobilnymUstaw określony układ kolumn dla urządzeń mobilnych. Wybierz jedną lub dwie kolumny.
Włącz przeciąganie na urządzeniu mobilnymZmienia wygląd wyświetlacza urządzenia mobilnego z kolumnowego na wierszowy, w którym klienci mogą przeciągać ekrany w poziomie, aby zobaczyć więcej bloków kolekcji.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji wielokolumnowej. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji wielokolumnowej.

Blok kolumn

Możesz mieć maksymalnie 12 kolumn w jednej sekcji. Jeśli masz jeden, dwa lub trzy bloki kolumn, są one wyświetlane na pulpicie w jednym rzędzie. Jeśli masz cztery lub więcej bloków kolumn, są one wyświetlane w układzie z dwiema kolumnami. W przypadku urządzeń mobilnych bloki kolumn wyświetlane są w jednej kolumnie, chyba że włączysz opcję Włącz przeciąganie na urządzeniu mobilnym.

Ustawienia bloku kolumny w sekcji wielokolumnowej
UstawienieOpis
ObrazObraz, który chcesz wyświetlić.
NagłówekTytuł kolumny. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
OpisTekst akapitu w kolumnie.
Etykieta linku [opcjonalnie]Tekst linku dodany poniżej bloku kolumny. Pozostaw pusty, jeśli nie masz dodanego linku.
LinkURL dla linku. Pozostaw pusty w przypadku braku linku.

Sekcja z wieloma wierszami

Możesz dodać sekcję zawierającą wiele wierszy z obrazem, tekstem i opcjonalnym przyciskiem. Połącz tekst z obrazem, aby skierować uwagę na wybrany produkt, kolekcję lub post na blogu. Dodaj szczegóły dotyczące dostępności, stylu lub dołącz recenzję.

Możesz również wyświetlać zawartość metaobiektów za pośrednictwem dynamicznych źródeł. Aby wyświetlić wpisy metaobiektów, musisz utworzyć metaobiekt, utworzyć wpisy i upewnić się, że metaobiekt ma dostęp do witryny sklepu przed użyciem ich w sekcjach wielowierszowych.

Ustawienia sekcji

Ustawienia dla sekcji wielowierszowej
UstawienieOpis
Wysokość obrazuWybierz wysokość obrazu:
  • Dostosuj do obrazu
  • Małe
  • Średnia (domyślnie)
  • Duże
Szerokość obrazu pulpituSzerokość obrazu:
  • Małe
  • Średnia (domyślnie)
  • Duże
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz mały, średni lub duży.
Styl tekstuZmienia styl tekstu. Wybierz opcję Treść (domyślnie) lub Podtytuł.
Styl przyciskuWybierz stały przycisk lub przycisk konspektu.
Pozycja treści na pulpiciePionowe położenie zawartości w kontenerze:
  • Góra
  • W środku (domyślnie)
  • Dół
Wyrównanie treści na komputerzeWyrównanie tekstu w kontenerze:
  • Do lewej (domyślne ustawienie)
  • Środek
  • Prawa strona
Umieszczanie obrazów na pulpicieWybierz położenie obrazów. Umiejscowienie jest automatycznie optymalizowane pod kątem urządzeń mobilnych:
  • Naprzemiennie od lewej strony (domyślnie)
  • Naprzemiennie od prawej strony
  • Wyrównano do lewej
  • Wyrównano do prawej
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Schemat kolorów konteneraZbiór kolorów, które możesz zastosować w tym kontenerze. Dowiedz się więcej o schemacie kolorów.
Układ na urządzeniu mobilnymWybierz wyrównanie treści na urządzeniach mobilnych:
  • Do lewej (domyślne ustawienie)
  • Prawa strona
  • Środek
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji wielowierszowej. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji obrazu z tekstem.

Blok wierszy

Ustawienia bloków wierszy w sekcji wielowierszowej
UstawienieOpis
ObrazKliknij opcję Wybierz obraz, aby wybrać obraz dla wiersza. Kliknij przycisk Zmień, aby zmienić lub usunąć obraz. Kliknij przycisk źródła, aby połączyć się ze źródłami dynamicznymi.
Edytuj tekst alternatywnyKliknij, aby ustawić alternatywny tekst obrazu na potrzeby pozycjonowania stron i opisać obraz dla klientów korzystających z czytników ekranu.
NapisyDodaj slogan lub podpis do obrazu.
NagłówekTekst tytułu wiersza. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
TekstWyświetla tekst w stylu akapitu w wierszu.
Przycisk z etykietąTekst wyświetlany na przycisku.
Link przyciskuAdres URL, do którego ma przekierowywać przycisk.

Strona

Możesz wybrać wyświetlanie zawartości niestandardowej strony w sekcji. Wówczas cała zawartość strony jest wprowadzana do sekcji, ale nie zawiera kodu Liquid z żadnego szablonu.

Ustawienia sekcji

Ustawienia dla sekcji strony
UstawienieOpis
StronaStrona ze sklepu online, którą chcesz wyświetlić.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji strony. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji strony.

Tekst sformatowany

Możesz dodać sekcję tekstu sformatowanego z nagłówkiem, napisem, tekstem i przyciskiem umożliwiającym klientom przejście do nowej strony.

Ustawienia sekcji

Ustawienia sekcji tekstu sformatowanego
UstawienieOpis
Pozycja treści na pulpicieWybierz pozycję kontenera tekstu sformatowanego. Z menu rozwijanego wybierz opcję do lewej, wyśrodkowany (opcja domyślna) lub do prawej. Zawartość jest automatycznie optymalizowana pod kątem urządzeń mobilnych.
Wyrównanie zawartościTo ustawienie wpływa na wyrównanie tekstu dla wszystkich bloków w sekcji tekstu sformatowanego. Z menu rozwijanego wybierz opcję do lewej, wyśrodkowany (opcja domyślna) lub do prawej.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Powiększ sekcję na całą szerokość ekranuSekcje mają domyślnie pełną szerokość.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole sekcji tekstu sformatowanego. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji tekstu sformatowanego.
Łączenie ze źródłami dynamicznymiUżyj dynamicznych źródeł w sekcji tekstu sformatowanego, aby odwoływać się do informacji, takich jak metapola lub metaobiekty. Możesz nawet użyć odniesień listy do list wyjściowych tekstu w swoim szablonie. Na przykład, lista metapola (nawet jeśli jest dostępna w metaobiekcie, do którego się odwołano), może być używana do wyprowadzania listy tekstu w ustawieniach tekstu sformatowanego w szablonie.

Blok nagłówka

Sekcja tekstu sformatowanego może zawierać maksymalnie 3 bloki nagłówka.

Ustawienia dla bloku nagłówka w sekcji tekstu sformatowanego
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę bądź dodać link. Kliknij przycisk Źródło, aby utworzyć połączenie ze źródłami dynamicznymi.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim, dużym i bardzo dużym.

Blok tekstowy

Blok tekstowy to dobry sposób na przekazanie klientom informacji o marce. Możesz opisać korzyści płynące z Twoich produktów, udostępnić ogłoszenia, powitać klientów w sklepie lub zaprezentować wartości, jakimi kieruje się Twoja marka.

Sekcja tekstu sformatowanego może zawierać maksymalnie 3 bloki tekstu.

Ustawienia dla bloku tekstu w sekcji tekstu sformatowanego
UstawienieOpis
OpisTekst w stylu akapitu dla głównej zawartości sekcji. Kliknij przycisk Źródło, aby utworzyć połączenie ze źródłami dynamicznymi.

Blok podpisu

Sekcja tekstu sformatowanego może zawierać maksymalnie 3 bloki podpisów.

Ustawienia dla bloku tekstu w sekcji tekstu sformatowanego
UstawienieOpis
TekstDodaj krótki slogan do sekcji tekstu sformatowanego.
Styl tekstuZ menu rozwijanego wybierz styl tekstu: Podtytuł (domyślnie) lub Wielkie litery.
Rozmiar tekstuUżyj menu rozwijanego, aby ustawić rozmiar tekstu podpisu. Możesz wybrać mały, średni (domyślny) lub duży.

Blok przycisków

Sekcja tekstu sformatowanego może zawierać maksymalnie 3 bloki przycisków.

Ustawienia dla bloku przycisku w sekcji tekstu sformatowanego
UstawienieOpis
Przycisk z etykietąTekst wyświetlany na przycisku.
Link przyciskuAdres URL, do którego ma przekierowywać przycisk.
Użyj stylu przycisku konspektuDostosowuje styl przycisku tak, aby był konturem przycisku i nie posiadał jednolitego tła.

Pokazy slajdów

Możesz dodać sekcję pokazu slajdów, aby wyświetlić karuzelę do 5 obrazów na stronie w Twoim sklepie.

Ustawienia sekcji

Ustawienia sekcji pokazu slajdów
UstawienieOpis
UkładWybierz spośród wartości: Pełna szerokość (domyślne ustawienie) i Siatka. Pełna szerokość wyświetla pokaz slajdów z pełną szerokością sekcji, natomiast Siatka wyświetla pokaz slajdów z wypełnieniem z każdej strony.
Wysokość slajdu

Wysokość pokazu slajdów:

  • Dostosuj do pierwszego obrazu – wszystkie obrazy będą mieć taką samą wysokość jak pierwszy obraz w karuzeli.
  • Małe
  • Średnia (domyślnie)
  • Duże
Styl paginacji

Styl nawigacji pokazu slajdów wyświetlany pod obrazami.

  • Kropki
  • Licznik (domyślne ustawienie)
  • Liczby
Automatyczna zmiana slajdów

Zaznacz to pole, aby automatycznie zmieniać obrazy w pokazie slajdów. Jeśli to pole nie zostanie zaznaczone, pokaz slajdów będzie wyświetlał statyczny obraz, dopóki klient nie przesunie go ręcznie do przodu.

Zmień czas wyświetlania slajdówUżyj paska, aby ustawić automatyczną zmianę slajdów w pokazie. Minimalnie: 3 sekundy, maksymalnie: 9 sekund.
Animacje

Wybierz animację dla obrazu:

  • Brak (domyślnie)
  • Ruch otoczenia - Wolno przesuwa położenie obrazu w jego obszarze
Układ na urządzeniu mobilnymZaznacz to pole, aby wyświetlić treść pod obrazami na urządzeniu mobilnym.
DostępnośćDodaj opis pokazu slajdów dla klientów z wadami wzroku.

Ustawienia slajdów z obrazami

Ustawienia obrazów sekcji pokazu slajdów
UstawienieOpis
ObrazWybierz obraz statyczny lub dynamiczny dla pokazu slajdów. Kliknij opcję Wybierz obraz, aby wyświetlić bibliotekę multimediów, lub przycisk źródłowy, aby podłączyć dynamiczne źródło. Po wybraniu obrazu kliknięcie przycisku Zmień umożliwia usunięcie lub zmianę obrazu.
Edytuj tekst alternatywny

Opisz obraz pokazu slajdów i podaj kontekst klientom korzystającym z czytników ekranu.

Nagłówek

Opcjonalny tekst nagłówka dla obrazu. Tekst jest dodawany do każdego obrazu indywidualnie. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.

Rozmiar nagłówka

Wybierz pomiędzy małym, średnim (domyślnie) i dużym nagłówkiem.

Nagłówek podrzędnyOpcjonalny tekst podnagłówka dla obrazu. Tekst jest dodawany do każdego obrazu indywidualnie. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Przycisk z etykietąWprowadź tekst dla przycisku lub pozostaw pusty, aby całkowicie ukryć przycisk.
Link przyciskuAdres URL, do którego ma odsyłać przycisk. Kliknij przycisk Źródło, aby dodać dynamiczne źródło jako adres URL.
Użyj stylu przycisku konspektuKliknij na pole wyboru, aby przełączyć między przyciskiem jednolitym a konturowym.
Pozycja treści na pulpiciePołożenie pola treści na obrazie. Wybierz spośród opcji: Góra, Środek lub Dół oraz Prawa strona, Lewa strona lub Środek. Opcja Środek jest opcją domyślną.
Pokaż kontener na komputerzeZaznacz pole wyboru, aby wyświetlić pole treści.
Wyrównanie treści na komputerzeWyrównaj tekst w kontenerze. Wybierz opcję: lewy, wyśrodkowany (domyślnie) lub prawy.
Nieprzezroczystość nakładki obrazuUżyj suwaka, aby dostosować nieprzezroczystość nakładki obrazu.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o kolorystykach. Aby to ustawienie miało wpływ na obraz pokazu slajdów, musi być wyświetlany kontener.
Układ na urządzeniu mobilnymWybierz sposób wyświetlania treści na urządzeniu mobilnym. Wybierz spośród opcji: Lewa strona, Środek (domyślne ustawienie) lub Prawa strona.

Film

Możesz dodać sekcję filmu, aby osadzić film z YouTube lub Vimeo na stronie w swoim sklepie.

Ustawienia sekcji

Ustawienia dla sekcji filmu
UstawienieOpis
NagłówekTytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link.
Rozmiar nagłówkaZmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym.
Odtwarzaj film w pętliZaznaczenie tej opcji spowoduje, że po zakończeniu film rozpocznie się od nowa.
FilmDodaj lub wybierz własny film do sekcji. Możesz edytować film, aby użyć niestandardowego obrazu w tle, a także dodać tekst alternatywny. Jeśli dodany zostanie film hostowany przez Shopify, będzie on użyty zamiast filmu URL z poniższego ustawienia.
Adres URLLink YouTube lub Vimeo do filmu Film musi być dostępny publicznie i będzie wyświetlany tylko wtedy, gdy w powyższym ustawieniu nie zostanie dodany film hostowany przez Shopify.
Obraz w tleObraz wyświetlany przed odtworzeniem filmu przez klienta.
Alternatywny tekst filmuTekst alternatywny dla filmu. Opisuje kontekst i cel filmu dla klientów korzystających z czytników ekranu.
Powiększ sekcję na całą szerokość ekranuUsuwa domyślne wypełnienie i ustawia sekcję na pełną szerokość strony.
KolorystykaZbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów.
Dopełnienie sekcjiDodaj odstęp na górze lub na dole filmu. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu powyżej lub poniżej sekcji filmu.
Nie możesz znaleźć odpowiedzi, których szukasz? Jesteśmy tutaj, aby Ci pomóc.