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.
Na tej stronie
- Pasek ogłoszeń
- Nagłówek
- Stopka
- Posty na blogu
- Kolaż
- Zwijana treść
- Lista kolekcji
- Formularz kontaktowy
- Niestandardowy kod Liquid
- Baner rejestracji w celu otrzymywania e-maili
- Rejestracja w celu otrzymywania e-maili
- Polecana kolekcja
- Polecany produkt
- Baner z obrazem
- Obraz z tekstem
- Sekcja wielokolumnowa
- Sekcja z wieloma wierszami
- Strona
- Tekst sformatowany
- Pokazy slajdów
- Film
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
Ustawienie | Opis |
---|---|
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Pokaż linię separatora | Wyświetla linię, która wizualnie oddziela pasek ogłoszeń od zawartości strony. |
Ikony mediów społecznościowych | Wyś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 co | Wybierz częstotliwość zmiany ogłoszeń. |
Włącz selektor kraju/regionu | Dodaj 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ęzyka | Dodaj 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ę.
Ustawienie | Opis |
---|---|
Tekst | Ogłoszenie, które chcesz wyświetlić swoim klientom. |
Link | Link, do którego mają przejść klienci, jeśli klikną pasek ogłoszeń. |
Nagłówek
Nagłówek jest wyświetlany na wszystkich stronach w Twoim sklepie online.
Ustawienia sekcji
Ustawienie | Opis |
---|---|
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.
|
Menu | Menu do wykorzystania jako menu główne. Kliknij przycisk Zmień, aby wybrać inne menu. |
Typ menu na komputerze | Użyj menu rozwijanego, aby wybrać typ menu dla komputera:
|
Przypięty nagłówek |
Określ, czy chcesz użyć przypiętego nagłówka i w jaki sposób ma być wyświetlany.
|
Pokaż linię separatora | Wyświetla linię, która wizualnie oddziela nagłówek od zawartości strony. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Włącz selektor kraju/regionu | Dodaje 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ęzyka | Dodaje 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.
|
Odstępy | Dodaj odstęp pod nagłówkiem. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli miejsca na dolnym marginesie. |
Dopełnienie sekcji | Dodaj 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.
Ustawienie | Opis |
---|---|
Aplikacje | Dodaj 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
Stopka jest wyświetlana na wszystkich stronach w szablonie.
Ustawienia sekcji
Ustawienie | Opis |
---|---|
Kolorystyka | Zbió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-maili | Zawiera formularz rejestracji w celu otrzymywania e-maili, w którym klienci mogą subskrybować newsletter i materiały marketingowe. |
Nagłówek | Tytuł 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 Shop | Wyś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ściowych | Wyś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/regionu | Dodaje 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ęzyka | Dodaje 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ści | Wyś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 polityki | Wyś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ępy | Dodaj odstęp powyżej stopki. Użyj suwaka zakresu, aby dodać od 0 do 100 pikseli odstępu do górnego marginesu. |
Dopełnienie sekcji | Dodaj 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
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł bloku. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Menu | Menu 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.
Ustawienie | Opis |
---|---|
Pokaż ikony mediów społecznościowych | Wyś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.
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł bloku. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Tekst podrzędny | Tekst, który będzie wyświetlany w bloku. |
Blok obrazu
Ustawienie | Opis |
---|---|
Obraz | Obraz do wyświetlenia w bloku. |
Szerokość obrazu | Ustawia 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:
|
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
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Blog | Blog, 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 blogu | Liczba postów na blogu, które chcesz wyświetlić w sekcji. Maksymalnie: 4 posty. |
Liczba kolumn na komputerze | Liczba kolumn do wyświetlenia na komputerach. Minimalnie: 1. Maksymalnie: 4. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Pokaż wyróżniony obraz | Wyś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ż autora | Wyświetla autora posta na blogu. |
Włącz przycisk „Wyświetl wszystko”, jeśli blog zawiera więcej postów niż pokazano | Jeś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 sekcji | Dodaj 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
- W edytorze szablonów kliknij tytuł sekcji Posty na blogu.
- W sekcji Blog kliknij opcję Zmień.
- Wybierz blog.
- 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
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień 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.
|
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:
|
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Dopełnienie sekcji | Dodaj 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
Ustawienie | Opis |
---|---|
Obraz w tle | Obraz wyświetlany przed wyświetleniem filmu przez klienta. Możesz przesłać niestandardowy obraz w tle w panelu administracyjnym Shopify. |
Adres URL | Link z YouTube lub Vimeo do filmu. Film musi być dostępny publicznie. Film zostanie odtworzony w wyskakującym oknie. |
Alternatywny tekst filmu | Tekst alternatywny dla filmu. Opisuje kontekst i cel filmu dla klientów korzystających z czytników ekranu. |
Blok produktu
Ustawienie | Opis |
---|---|
Produkt | Produkt, który chcesz wyświetlić. |
Pokaż drugi obraz po najechaniu kursorem | Gdy klient najedzie kursorem na obraz produktu, wyświetli drugi obraz dla produktu, jeśli produkt go posiada. |
Blok kolekcji
Ustawienie | Opis |
---|---|
Kolekcja | Kolekcja, którą chcesz wyświetlić. |
Blok obrazu
Ustawienie | Opis |
---|---|
Obraz | Obraz dla sekcji. Kliknij opcję Wybierz obraz, aby wybrać obraz, lub kliknij przycisk Zmień, aby zmienić lub usunąć obraz. |
Edytuj tekst alternatywny | Dodaj 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
Ustawienie | Opis |
---|---|
Napisy | Opcjonalny podpis sekcji zwijanej treści. Wyświetla się nad nagłówkiem sekcji. |
Nagłówek | Nagłówek zwijanej sekcji zawartości. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Wyrównanie nagłówka | Wybierz 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:
|
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 wiersz | Gdy ta opcja jest zaznaczona, pierwszy wiersz zwijanej treści zostanie domyślnie rozszerzony. |
Obraz | Obraz dla sekcji. Kliknij opcję Wybierz obraz, aby wybrać obraz, lub kliknij przycisk Zmień, aby zmienić lub usunąć obraz. |
Edytuj tekst alternatywny | Dodaj krótki opis obrazu, aby poprawić pozycjonowanie stron (SEO) i opisać obraz dla klientów korzystających z czytników ekranu. |
Proporcja obrazu | Współczynnik obrazu dla obrazu kolekcji:
|
Układ pulpitu | Okreś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 sekcji | Dodaj 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
Ustawienie | Opis |
---|---|
Nagłówek | Nagłówek zwijanego wiersza. |
Ikona | Wybierz ikonę z listy rozwijanej w celu wyświetlenia przed zwijanym nagłówkiem zawartości. Ikona znacznika wyboru jest wybierana domyślnie. |
Treść wiersza | Zawartość 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 strony | Moż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
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Proporcja obrazu | Proporcje obrazu dla wyróżnionych obrazów kolekcji:
|
Liczba kolumn na komputerze | Liczba kolumn do wyświetlenia na komputerach. Minimalnie: 1. Maksymalnie: 5. |
Kolorystyka | Zbió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ż pokazano | Wyświetla przycisk „Wyświetl wszystkie“, który przenosi klientów do pełnej listy kolekcji. |
Liczba kolumn na urządzeniu mobilnym | Ustaw określony układ kolumn dla urządzeń mobilnych. Wybierz jedną lub dwie kolumny. |
Włącz przeciąganie na urządzeniu mobilnym | Zmienia 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 sekcji | Dodaj 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
- W edytorze szablonów kliknij Blok kolekcji, do którego chcesz dodać kolekcję.
- Kliknij Wybierz kolekcję.
- 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
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Dopełnienie sekcji | Dodaj 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
Ustawienie | Opis |
---|---|
Niestandardowy Liquid | Dodawaj fragmenty kodu aplikacji lub niestandardowy kod Liquid, aby tworzyć zaawansowane dostosowania. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Dopełnienie sekcji | Dodaj 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
Ustawienie | Opis |
---|---|
Obraz tła | Obraz 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 alternatywny | Kliknij, aby ustawić alternatywny tekst obrazu na potrzeby pozycjonowania stron i opisać obraz dla klientów korzystających z czytników ekranu. |
Nieprzezroczystość nakładki obrazu | Przedstawia obraz baneru zapisu na email z nakładką. Użyj suwaka, aby ustawić nieprzezroczystość nakładki. Domyślnie 0%. |
Wyświetl obraz tła | Zaznacz 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 pulpicie | Ustaw 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ą.
|
Pokaż kontener na komputerze | Umieszcza 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 komputerze | Ustaw 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.
|
Wyrównanie treści na urządzeniu mobilnym | Ustaw 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 mobilnym | Treść pojawi się pod obrazem banera rejestracji w celu otrzymywania e-maili na urządzeniach mobilnych. |
Blok nagłówka
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Blok nagłówka podrzędnego
Ustawienie | Opis |
---|---|
Opis | Opis sekcji. |
Styl tekstu | Zmienia 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
Ustawienie | Opis |
---|---|
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ść ekranu | Rozszerza sekcję na szerokość okna przeglądarki. |
Blok nagłówka
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Blok nagłówka podrzędnego
Ustawienie | Opis |
---|---|
Opis | Opis 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ń.
Polecana kolekcja
Możesz dodać sekcję, która wyświetla produkty w jednej kolekcji.
Ustawienia sekcji
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł 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łówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Opis | Wprowadź 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 administracyjnego | Zaznaczenie tego pola spowoduje użycie opisu kolekcji dodanego do kolekcji w panelu administracyjnym Shopify zamiast tekstu wprowadzonego w powyższym polu Opis. |
Styl opisu | Użyj rozwijanego menu, aby wybrać styl opisu polecanych kolekcji. Dostępne opcje to: treść (domyślnie), podtytuł lub wielkie litery. |
Kolekcja | Kolekcja, z której chcesz wyświetlić produkty. Kliknij opcję Zmień, aby usunąć lub zmienić kolekcję. |
Maksymalna ilość produktów do wyświetlenia | Liczba produktów z kolekcji do wyświetlenia. Minimalnie: 2. Maksymalnie: 25. |
Liczba kolumn na komputerze | Liczba kolumn do wyświetlenia na komputerach. Minimalnie: 1. Maksymalnie: 5. |
Wyświetl produkty w pełnej szerokości | Zaznacz 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ż pokazano | Jeś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 komputerze | Zaznacz pole wyboru, aby wyświetlić produkty w karuzeli na ekranach szerszych niż 989 pikseli. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Proporcja obrazu | Współczynnik obrazu dla obrazów produktów:
|
Kształt obrazu | Wybierz jeden z poniższych kształtów obrazu dla swoich obrazów produktu:
|
Pokaż drugi obraz po najechaniu kursorem | Gdy 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ę 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. |
Włącz przycisk szybkiego dodawania | Przycisk 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 mobilnym | Ustaw określony układ kolumn dla urządzeń mobilnych. Wybierz jedną lub dwie kolumny. |
Włącz przeciąganie na urządzeniu mobilnym | Zmienia 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 sekcji | Dodaj 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. |
Polecany produkt
Możesz dodać sekcję z określonym produktem.
Ustawienia sekcji
Ustawienie | Opis |
---|---|
Produkt | Produkt, który chcesz pokazać w sekcji. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Pokaż dodatkowe tło | Wyświetla polecany produkt na dodatkowym kolorowym tle. |
Szerokość multimediów dla komputera | Wybierz mały, średni lub duży rozmiar multimediów. Obraz jest automatycznie optymalizowany dla urządzeń mobilnych. |
Ograniczenie multimediów do wysokości ekranu | Po wybraniu tej opcji maksymalna wysokość multimediów zostanie dostosowana do wysokości okna przeglądarki. |
Dopasowanie multimediów | Zaznacz opcję Oryginalne, aby zachować oryginalny współczynnik proporcji, lub Wypełnienie, aby dopasować multimedia do kontenera. |
Pozycja multimediów na pulpicie | Okreś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:
|
Ukryj multimedia innych wariantów | Wybierz tę opcję, aby ukryć multimedia dla innych wariantów po wybraniu wariantu. |
Włącz zapętlanie wideo | Umożliwia ponowne odtworzenie nagrania wideo. Klienci muszą kliknąć, aby rozpocząć ponowne odtwarzanie. |
Dopełnienie sekcji | Dodaj 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. |
Bloki sekcji
Możesz dodawać poniższe bloki w sekcji Polecany produkt.
Blok | Ustawienia |
---|---|
Tekst | Wprowadź tekst dla polecanego produktu:
|
Tytuł | Rozmiar nagłówka: Wybierz pomiędzy małym, średnim lub dużym. |
Cena | Ten blok nie ma konfigurowalnych ustawień. |
Selektor wariantów | Wybierz okrągłe przełączniki albo rozwijane menu. |
Selektor ilości | Ten blok nie ma konfigurowalnych ustawień. |
Przyciski zakupu | Zaznacz pole Pokaż dynamiczne przyciski realizacji zakupu, aby wyświetlić wszystkie dynamiczne opcje realizacji zakupu, które włączono w ustawieniach Płatności. |
Udostępnij | Tekst do kliknięcia, który umożliwia klientom udostępnianie produktu w mediach społecznościowych. |
Ocena 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. i reviews.rating. |
Niestandardowy Liquid | Dodaj niestandardowy kod Liquid lub HTML. |
Aplikacje | Dodaj aplikację zgodną z Online Store 2.0. |
Ikona z tekstem | W 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**. |
SKU | Ten 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
Ustawienie | Opis |
---|---|
Pierwszy obraz | Głó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 alternatywny | Kliknij, aby ustawić alternatywny tekst obrazu na potrzeby pozycjonowania stron i opisać obraz dla klientów korzystających z czytników ekranu. |
Drugi obraz | Dodatkowy 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 obrazu | Dodaje 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.
|
Pozycja treści na pulpicie | Ustaw 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 komputerze | Umieszcza tekst obrazu banera w polu tekstowym na obrazie banera dla klientów dokonujących zakupów na komputerze. |
Wyrównanie treści na komputerze | Ustaw 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:
|
Wyrównanie treści na urządzeniu mobilnym | Ustaw 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 mobilnym | Jeśli do sekcji dodane zostaną dwa obrazy, będą one wyświetlane w kolumnie zamiast obok siebie. |
Pokaż kontener na urządzeniu mobilnym | Umieszcza tekst obrazu banera w polu tekstowym na obrazie banera dla klientów dokonujących zakupów na urządzeniu mobilnym. |
Blok nagłówka
Ustawienie | Opis |
---|---|
Nagłówek | Duży tekst dla tytułu pola tekstowego. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Blok tekstowy
Ustawienie | Opis |
---|---|
Opis | Wyświetla tekst w stylu akapitu. |
Styl tekstu | Zmienia styl tekstu na banerze z obrazem. Wybierz pośród opcji: Tekst podstawowy, Podtytuł i Małe litery. |
Blok przycisków
Ustawienie | Opis |
---|---|
Pierwszy przycisk z etykietą | Tekst wyświetlany na pierwszym przycisku. |
Pierwszy link przycisku | Adres URL, do którego ma przekierowywać pierwszy przycisk. |
Użyj stylu przycisku konspektu | Dostosowuje 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 przycisku | Adres URL, do którego ma przekierowywać drugi przycisk. |
Użyj stylu przycisku konspektu | Dostosowuje 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
Ustawienie | Opis |
---|---|
Obraz | Kliknij opcję Wybierz obraz, aby wybrać obraz dla sekcji. Kliknij przycisk Zmień, aby zmienić lub usunąć obraz. |
Edytuj tekst alternatywny | Kliknij, aby ustawić alternatywny tekst obrazu na potrzeby pozycjonowania stron i opisać obraz dla klientów korzystających z czytników ekranu. |
Wysokość obrazu | Wybierz wysokość obrazu:
|
Szerokość obrazu pulpitu | Szerokość obrazu:
|
Umieszczanie obrazów na pulpicie | Określ, czy jako pierwszy pojawia się obraz czy tekst. Domyślnie, obraz wyświetla się jako pierwszy w układach na urządzeniach mobilnych:
|
Pozycja treści na pulpicie | Pionowe położenie zawartości w kontenerze:
|
Wyrównanie treści na komputerze | Wyrównanie tekstu w kontenerze:
|
Układ zawartości | Umoż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.
|
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Animacje |
Wybierz animację dla obrazu:
|
Układ na urządzeniu mobilnym | Wybierz wyrównanie treści na urządzeniach mobilnych:
|
Dopełnienie sekcji | Dodaj 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
Ustawienie | Opis |
---|---|
Nagłówek | Tekst tytułu sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Blok tekstowy
Ustawienie | Opis |
---|---|
Treść | Wyświetla tekst w stylu akapitu w sekcji tekstu. |
Styl tekstu | Styl tekstu zawartości:
|
Blok przycisków
Ustawienie | Opis |
---|---|
Przycisk z etykietą | Tekst wyświetlany na przycisku. |
Link przycisku | Adres URL, do którego ma przekierowywać przycisk. |
Blok podpisu
Ustawienie | Opis |
---|---|
Tekst | Dodaj slogan lub podpis do obrazu. Tekst pojawi się na dole sekcji obrazu z tekstem. |
Styl tekstu | Styl tekstu zawartości:
|
Rozmiar tekstu | Rozmiar tekstu zawartości:
|
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
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Szerokość obrazu |
Szerokość obrazów dodanych do kolumn.
|
Proporcja obrazu |
Proporcje obrazu:
|
Liczba kolumn na komputerze | Uż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:
|
Dodatkowe tło | Wybierz 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 przycisku | Adres URL, do którego ma przekierowywać przycisk. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Liczba kolumn na urządzeniu mobilnym | Ustaw określony układ kolumn dla urządzeń mobilnych. Wybierz jedną lub dwie kolumny. |
Włącz przeciąganie na urządzeniu mobilnym | Zmienia 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 sekcji | Dodaj 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.
Ustawienie | Opis |
---|---|
Obraz | Obraz, który chcesz wyświetlić. |
Nagłówek | Tytuł kolumny. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Opis | Tekst akapitu w kolumnie. |
Etykieta linku [opcjonalnie] | Tekst linku dodany poniżej bloku kolumny. Pozostaw pusty, jeśli nie masz dodanego linku. |
Link | URL 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
Ustawienie | Opis |
---|---|
Wysokość obrazu | Wybierz wysokość obrazu:
|
Szerokość obrazu pulpitu | Szerokość obrazu:
|
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz mały, średni lub duży. |
Styl tekstu | Zmienia styl tekstu. Wybierz opcję Treść (domyślnie) lub Podtytuł. |
Styl przycisku | Wybierz stały przycisk lub przycisk konspektu. |
Pozycja treści na pulpicie | Pionowe położenie zawartości w kontenerze:
|
Wyrównanie treści na komputerze | Wyrównanie tekstu w kontenerze:
|
Umieszczanie obrazów na pulpicie | Wybierz położenie obrazów. Umiejscowienie jest automatycznie optymalizowane pod kątem urządzeń mobilnych:
|
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 | Zbiór kolorów, które możesz zastosować w tym kontenerze. Dowiedz się więcej o schemacie kolorów. |
Układ na urządzeniu mobilnym | Wybierz wyrównanie treści na urządzeniach mobilnych:
|
Dopełnienie sekcji | Dodaj 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
Ustawienie | Opis |
---|---|
Obraz | Kliknij 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 alternatywny | Kliknij, aby ustawić alternatywny tekst obrazu na potrzeby pozycjonowania stron i opisać obraz dla klientów korzystających z czytników ekranu. |
Napisy | Dodaj slogan lub podpis do obrazu. |
Nagłówek | Tekst tytułu wiersza. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Tekst | Wyświetla tekst w stylu akapitu w wierszu. |
Przycisk z etykietą | Tekst wyświetlany na przycisku. |
Link przycisku | Adres 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
Ustawienie | Opis |
---|---|
Strona | Strona ze sklepu online, którą chcesz wyświetlić. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Dopełnienie sekcji | Dodaj 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
Ustawienie | Opis |
---|---|
Pozycja treści na pulpicie | Wybierz 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ści | To 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. |
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ść ekranu | Sekcje mają domyślnie pełną szerokość. |
Dopełnienie sekcji | Dodaj 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 dynamicznymi | Uż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.
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł 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łówka | Zmień 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.
Ustawienie | Opis |
---|---|
Opis | Tekst 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.
Ustawienie | Opis |
---|---|
Tekst | Dodaj krótki slogan do sekcji tekstu sformatowanego. |
Styl tekstu | Z menu rozwijanego wybierz styl tekstu: Podtytuł (domyślnie) lub Wielkie litery. |
Rozmiar tekstu | Uż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.
Ustawienie | Opis |
---|---|
Przycisk z etykietą | Tekst wyświetlany na przycisku. |
Link przycisku | Adres URL, do którego ma przekierowywać przycisk. |
Użyj stylu przycisku konspektu | Dostosowuje 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
Ustawienie | Opis |
---|---|
Układ | Wybierz 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:
|
Styl paginacji |
Styl nawigacji pokazu slajdów wyświetlany pod obrazami.
|
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ów | Użyj paska, aby ustawić automatyczną zmianę slajdów w pokazie. Minimalnie: 3 sekundy, maksymalnie: 9 sekund. |
Animacje |
Wybierz animację dla obrazu:
|
Układ na urządzeniu mobilnym | Zaznacz 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
Ustawienie | Opis |
---|---|
Obraz | Wybierz 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ędny | Opcjonalny 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 przycisku | Adres 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 konspektu | Kliknij na pole wyboru, aby przełączyć między przyciskiem jednolitym a konturowym. |
Pozycja treści na pulpicie | Poł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 komputerze | Zaznacz pole wyboru, aby wyświetlić pole treści. |
Wyrównanie treści na komputerze | Wyrównaj tekst w kontenerze. Wybierz opcję: lewy, wyśrodkowany (domyślnie) lub prawy. |
Nieprzezroczystość nakładki obrazu | Użyj suwaka, aby dostosować nieprzezroczystość nakładki obrazu. |
Kolorystyka | Zbió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 mobilnym | Wybierz 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
Ustawienie | Opis |
---|---|
Nagłówek | Tytuł sekcji. Użyj przycisków, aby zmienić tekst na pogrubiony lub kursywę, bądź dodać link. |
Rozmiar nagłówka | Zmień rozmiar tekstu nagłówka. Wybierz między małym, średnim a dużym. |
Odtwarzaj film w pętli | Zaznaczenie tej opcji spowoduje, że po zakończeniu film rozpocznie się od nowa. |
Film | Dodaj 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 URL | Link 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 tle | Obraz wyświetlany przed odtworzeniem filmu przez klienta. |
Alternatywny tekst filmu | Tekst alternatywny dla filmu. Opisuje kontekst i cel filmu dla klientów korzystających z czytników ekranu. |
Powiększ sekcję na całą szerokość ekranu | Usuwa domyślne wypełnienie i ustawia sekcję na pełną szerokość strony. |
Kolorystyka | Zbiór kolorów, które możesz zastosować w tej sekcji. Dowiedz się więcej o schemacie kolorów. |
Dopełnienie sekcji | Dodaj 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. |