Sekcje szablonu Boundless

Sekcje to konfigurowalne bloki zawartości determinujące układ różnych stron w sklepie online.

  • Sekcje strony głównej zawierają takie funkcje jak pokaz slajdów lub prenumerata newslettera, które można dodawać lub usuwać, a także zmieniać ich rozmieszczenie. Na stronie głównej możesz mieć do 25 sekcji.

  • Każdy typ strony ma własne sekcje. Na przykład sekcja strony produktu determinuje układ każdej strony produktu w Twoim sklepie online.

  • Sekcje stron znajdują się zawsze w określonych miejscach Twojego sklepu online. Możesz je personalizować, ale nie możesz zmieniać ich rozmieszczenia ani ich usuwać.

  • Każdy szablon zawiera stałe sekcje, takie jak nagłówek i stopka, które są wyświetlane na każdej stronie Twojego sklepu online.

Możesz zapoznać się z unikalnym wyborem sekcji dla Boundless i dowiedzieć się, jak je dostosować do potrzeb swojej firmy.

Szablon Boundless zawiera następujące sekcje statyczne:

  • Nagłówek
  • Menu paska bocznego
  • Pasek ogłoszeń
  • Pokaz slajdów
  • Pasek czynności
  • Stopka
  • Produkt
  • Kolekcja
  • Strona listy kolekcji
  • Artykuł

Sekcje dynamiczne

Możesz dodawać, zmieniać rozmieszczenie i usuwać sekcje dynamiczne w celu dostosowania układu strony głównej. Każdy szablon ma unikalny zestaw sekcji dynamicznych do wyboru.

Szablon Boundless zawiera następujące sekcje dynamiczne:

  • Posty na blogu
  • Lista kolekcji
  • Polecana kolekcja
  • Obraz z tekstem
  • Polecany produkt
  • Newsletter
  • Mapa
  • Tekst sformatowany
  • Film
  • Niestandardowy HTML

Nagłówek

Nagłówek szablonu jest sekcją, która pojawia się na górze każdej strony Twojego sklepu.

Dla sekcji nagłówka dostępne są następujące ustawienia:

  • Logo - Dodaj obraz logo do nagłówka.
  • Logo strony głównej - Dodaj logo wyświetlane tylko na stronie głównej. Logo strony głównej jest wyświetlane nad pokazem slajdów, wybierz zatem taką jego wersję, która będzie wyraźnie widoczna na górze obrazu.
  • Szerokość logo niestandardowego (w pikselach) - Ustaw rozmiar logo.

Dostosuj nagłówek

  1. Kliknij opcję Dostosuj obok Boundless.

  2. Kliknij opcję Nagłówek.

  3. Użyj ustawień, aby dostosować nagłówek.

  4. Kliknij opcję Zapisz.

Menu paska bocznego pełni funkcję spisu treści dla Twojego sklepu. Nieważne, w którym miejscu strony znajdzie się klient, przycisk menu będzie pokazywał główne menu oraz menu stopki sklepu:

Menu paska bocznego zawiera dwa menu: Menu główne jest wyświetlane na górze w większym rozmiarze, a Menu dodatkowe pojawia się pod Menu głównym w mniejszym rozmiarze.

Aby dostosować menu paska bocznego:

  1. Kliknij opcję Sekcje.

  2. Kliknij opcję Menu paska bocznego.

  3. Z listy Menu główne wybierz menu, które ma być wyświetlane jako menu główne. Zwykle jest to menu główne sklepu.

  4. Z listy Menu dodatkowe wybierz menu, które chcesz wyświetlać pod menu głównym. Zazwyczaj jest to menu stopki sklepu.

  5. Kliknij opcję Zapisz.

Pokaz slajdów

Możesz utworzyć pokaz slajdów na stronie głównej wyświetlający rotacyjnie do pięciu obrazów.

Na slajdach najlepiej zamieszczać obrazy o wysokiej rozdzielczości. Używaj obrazów o rozmiarze 3840 x 2160 pikseli lub większych, ale nie przekraczaj limitów ładowania Shopify.

Ponieważ rozmiar i kształt pokazu slajdów jest zależny od rozmiaru i kształtu urządzenia klienta, na niektórych ekranach Twoje slajdy zostaną przycięte. Spróbuj użyć obrazów, których główny punkt znajduje się pośrodku, aby istotna część każdego obrazu była zawsze widoczna.

Aby dowiedzieć się więcej o najlepszych praktykach dotyczących obrazów pokazu slajdów, zapoznaj się z informacjami zawartymi w sekcji Ładowanie obrazów.

Dla sekcji pokazu slajdów dostępne są następujące ustawienia:

  • Wysokość slajdu - Ustaw wysokość pokazu slajdów. Wybierz opcję Dostosuj do wysokości pierwszego slajdu z obrazem, aby wysokość pokazu slajdów była zależna od wysokości pierwszego obrazu.
  • Automatyczna rotacja slajdów - Ustaw automatyczne odtwarzanie pokazu slajdów.
  • Zmień slajdy co - Wybierz, jak często mają zmieniać się slajdy.
  • Tekst i ikony - Wybierz kolor tekstu i ikon pojawiających się nad pokazem slajdów.
  • Nakładka obrazu - Dodaj warstwę koloru nad slajdem z obrazem. Nakładka może poprawić czytelność tekstu pokazu slajdów.
  • Nieprzezroczystość - Ustaw nieprzezroczystość nakładki.
  • Obraz - Dodaj slajd z obrazem do pokazu slajdów.
  • Położenie obrazu - Wybierz najistotniejszy obszar obrazu, który ma przyciągnąć uwagę w pokazie slajdów.
  • Nagłówek - Dodaj nagłówek do slajdu.
  • Tekst przycisku - Dodaj przycisk z etykietą tekstową do slajdu.
  • Link przycisku - Połącz przycisk z inną częścią swojego sklepu online.

Dodaj pokaz slajdów do strony głównej

  1. Kliknij opcję Dostosuj obok Boundless.

  2. Kliknij opcję Pokaz slajdów.

  3. Użyj ustawień, aby dostosować pokaz slajdów.

  4. Kliknij opcję Zapisz.

Pasek czynności

Domyślnie w pasku czynności wyświetlane jest główne menu sklepu. Możesz dostosować swój pasek czynności w taki sposób, aby były w nim wyświetlane różne pozycje, w zależności od strony oglądanej przez klienta. Na stronie głównej pasek czynności jest najczęściej używany do wyświetlania kolekcji produktów. W ramach kolekcji w pasku czynności mogą być wyświetlane kategorie podrzędne lub inne powiązane kolekcje.

Na przykład, jeśli Twój sklep sprzedaje odzież, w pasku czynności na stronie głównej mogą być wyświetlane kolekcje Mężczyźni, Kobiety i Akcesoria. Gdy klient kliknie Kobiety, na pasku czynności na stronie kolekcji mogą wtedy pojawić się Topy, Spodnie oraz Obuwie.

Aby pasek czynności działał w ten sposób, użyj menu głównego dla linków do swoich kolekcji. Wstaw linki do innych części sklepu (strony Kontakt lub O nas) w menu stopki.

Aby skonfigurować pasek czynności:

  1. Kliknij kartę Sekcje.

  2. Kliknij opcję Pasek czynności.

  3. Z listy Menu wybierz menu, które ma być wyświetlane w pasku czynności.

  4. Kliknij opcję Zapisz.

Stopka

W szablonie Boundless możesz wyświetlać menu w zawartości stopki.

Aby skonfigurować stopkę sklepu:

  1. Kliknij kartę Sekcje.

  2. Kliknij opcję Stopka.

  3. Z listy Menu wybierz menu, które chcesz wyświetlać w stopce.

  4. Kliknij opcję Zapisz.

Produkt

W sekcji Produkt możesz dodawać lub usuwać następujące elementy:

  • Marka lub dostawca produktu
  • Selektor ilości
  • Ikony udostępniania w mediach społecznościowych
  • Dynamiczny przycisk realizacji zakupu
  • Rekomendacje produktu

Możesz także pominąć pierwszy obraz produktu, ustawić styl swoich obrazów i wybrać szerokość formularza produktu.

Aby edytować ustawienia dla stron produktu:

  1. W menu rozwijanym górnego paska wybierz opcję Strony produktów.

  2. Kliknij opcję Sekcje.

  3. Kliknij opcję Produkt.

  4. Aby pominąć pierwszy obraz produktu, zaznacz opcję Pomiń pierwszy obraz produktu.

    Wtedy pierwszy obraz produktu pojawi się tylko na stronach kolekcji, a nie na stronach produktu. Korzystając z tej opcji, możesz zaprojektować swój pierwszy obraz produktu w taki sposób, aby najlepiej wyglądał na stronach kolekcji i dostosować inne obrazy produktu tak, aby lepiej wyglądały na większej przestrzeni dostępnej na stronach produktów:

    Przykład pokazujący stronę kolekcji z pierwszym obrazem produktu i stronę produktu z drugim i trzecim obrazem produktu

  5. Aby ustawić styl obrazu, w menu rozwijanym Styl obrazu wybierz opcję Wysoki/kwadratowy lub Szeroki.

  6. Aby wyświetlić markę lub dostawcę produktu, zaznacz opcję Pokaż dostawcę. Aby wyświetlana była marka lub dostawca, do produktu należy dodać dostawcę.

  7. Aby wyświetlić selektor ilości, zaznacz opcję Pokaż selektor ilości.

  8. Aby wyświetlić ikony udostępniania w mediach społecznościowych, zaznacz opcję Włącz udostępnianie produktu.

  9. Aby wyświetlić dynamiczny przycisk realizacji zakupu, zaznacz opcję Pokaż dynamiczny przycisk realizacji zakupu.

  10. Aby ustawić szerokość formularza produktu, w menu rozwijanym Szerokość formularza produktu wybierz opcję Mała lub Duża.

  11. Kliknij opcję Zapisz.

Dodaj lub usuń rekomendacje produktów

Możesz wyświetlić polecane produkty na stronach produktów, aby ułatwić klientom znalezienie innych produktów, które mogą ich zainteresować.

  1. W menu rozwijanym górnego paska wybierz opcję Strony produktów.

  2. Kliknij Rekomendacje produktu.

  3. Zaznacz pole wyboru Pokaż dynamiczne rekomendacje, aby wyświetlić lub ukryć rekomendacje produktów na stronach produktów.

  4. Opcjonalnie: Aby zmienić tytuł wyświetlany nad polecanymi produktami, wprowadź nowy w polu Nagłówek.

  5. Opcjonalnie: Aby wyświetlić lub ukryć dostawców w opisach produktów, zaznacz pole wyboru Pokaż dostawcę.

  6. Kliknij opcję Zapisz.

Kolekcja

Szablon Boundless udostępnia kilka opcji sortowania i filtrowania, sterowania wyglądem oraz paginacją dla stron kolekcji.

  1. W podglądzie szablonu otwórz stronę kolekcji.

  2. Kliknij kartę Sekcje.

  3. Kliknij opcję Kolekcja.

  4. W obszarze Wygląd ustaw następujące opcje:

- Z listy Styl obrazu wybierz orientację dla obrazów produktu: Wysoki/kwadratowy lub Szeroki.

  • Z listy Rozmiar obrazu wybierz rozmiar obrazów produktu.

  • Jeśli chcesz zwiększyć odstępy między obrazami, zaznacz opcję Dodaj odstęp między obrazami.

  • Jeśli chcesz wyświetlać nazwę dostawcy lub marki pod obrazami produktów, zaznacz opcję Pokaż dostawcę produktu.

  1. W obszarze Sortowanie i filtrowanie ustaw następujące opcje:
  • Jeśli chcesz wyświetlić listę opcji sortowania, zaznacz opcję Pokaż opcje sortowania.

  • Jeśli chcesz wyświetlić listę pozwalającą klientom filtrować według tagów, zaznacz opcję Pokaż filtrowanie według tagów.

  1. W obszarze Paginacja z listy Typ paginacji wybierz opcję określającą, czy mają być wyświetlane numerowane strony lub przycisk „Wyświetl więcej”.

  2. Kliknij opcję Zapisz.

Polecana kolekcja

W sekcji Polecana kolekcja edytora szablonów opcja*Styl obrazu* pozwoli Ci zmienić sposób, w jaki wyświetlane są obrazy dla Twoich stron kolekcji i produktu:

  • Opcja Wysoki/kwadratowy jest najlepsza, jeśli Twoje obrazy produktu są kwadratowe lub mają orientacje pionową
  • Opcja Szeroki jest najlepsza, jeśli Twoje obrazy są prostokątne lub mają orientację poziomą

Opcja Rozmiar obrazu określa wielkość obrazów produktu na Twojej stronie kolekcji. Jeśli wyświetlasz małe obrazy produktu, możesz zmieścić więcej obrazów w jednym rzędzie.

Liczba obrazów pokazywanych w rzędzie zależy także od urządzenia klienta (pulpit lub urządzenie mobilne) i rozmiaru okna.

  1. Kliknij kartę Sekcje.

  2. Kliknij sekcję Polecana kolekcja.

  3. Wybierz kolekcję z listy Kolekcja. Z wybranej kolekcji wyświetlonych zostanie do 50 produktów.

  4. Z listy Styl obrazu wybierz opcję określającą, czy obrazy mają być Wysokie/kwadratowe, czy Szerokie.

  5. Z listy Rozmiar obrazu wybierz rozmiar obrazu.

  6. Aby zwiększyć odstępy pomiędzy obrazami produktu, zaznacz opcję Dodaj odstęp między obrazami.

  7. Aby wyświetlić dostawcę produktu lub nazwę marki, zaznacz opcję Pokaż dostawcę produktu.

  8. Kliknij opcję Zapisz.

Newsletter

Możesz dodać możliwość rejestracji do newslettera do swojej strony głównej. Pozwoli Ci to gromadzić adresy e-mail klientów dla celów kampanii e-mail marketingu. Dowiedz się więcej na temat e-mail marketingu na blogu Shopify.

Sekcja newslettera na stronie internetowej. Dostępne jest pole, w którym klienci mogą wprowadzić adres e-mail, oraz przycisk o nazwie „Subskrybuj”.

Aby dodać możliwość rejestracji do newslettera do swojej strony głównej:

  1. Kliknij opcję Dostosuj obok Boundless.

  2. Kliknij opcję Sekcje.

  3. Kliknij opcję Dodaj sekcję > Newsletter.

  4. Wprowadź nagłówek rejestracji do newslettera w polu Nagłówek. Domyślnym nagłówkiem jest „Subskrybuj nasz newsletter”.

  5. Wprowadź nagłówek podrzędny dla rejestracji do newslettera w polu*Nagłówek podrzędny*.

  6. Kliknij opcję Zapisz.

Tekst sformatowany

Użyj sekcji Tekst sformatowany, aby podać dowolną treść tekstową do wyświetlenia na stronie głównej lub osadzić dowolną utworzoną stronę w panelu administracyjnym Shopify. Przykładowo, możesz polecać przyszłe zdarzenia, osadzając swoją stronę blogu lub wyświetlić stronę z:

  1. Kliknij kartę Sekcje.

  2. Kliknij opcję Tekst sformatowany.

  3. Wprowadź i sformatuj swój tekst.

  4. Jeśli chcesz polecać stronę ze swojego sklepu, kliknij opcję Dodaj zawartość, a następnie Strona. Wybierz stronę do polecania jako strona główna z menu rozwijanego.

  5. Kliknij opcję Zapisz.

Film

Możesz dodać do swojej strony głównej film hostowany w serwisie YouTube lub Vimeo. Filmy mogą przyciągnąć uwagę klientów i zaciekawić ich ofertą Twojej firmy.

Aby dodać film do swojej strony głównej:

  1. Kliknij opcję Dostosuj obok Boundless.

  2. Kliknij opcję Sekcje.

  3. Kliknij opcję Dodaj sekcję > Film.

  4. Wprowadź nagłówek dla filmu w polu Nagłówek.

  5. Wprowadź link do udostępniania filmu w polu Link filmu.

    Link do udostępniania filmu z serwisu YouTube wygląda następująco: https://youtu.be/OTJXAUZY9t0. Możesz dowiedzieć się, jak skopiować link udostępniający film z YouTube, zapoznając się z treścią tego artykułu Pomocy YouTube.

    Link do udostępniania filmu z serwisu Vimeo wygląda następująco: https://vimeo.com/281332510. Możesz dowiedzieć się, jak skopiować link udostępniający film z Vimeo, zapoznając się z treścią tego artykułu Centrum pomocy Vimeo.

  6. Kliknij opcję Zapisz.

Niestandardowy HTML

W sekcji Niestandardowy kod HTML możesz użyć kodu HTML do tworzenia niestandardowych treści dla swojej strony głównej. Możesz na przykład użyć kodu HTML do formatowania bloków tekstowych, tworzenia tabel lub osadzania zawartości z zewnętrznych stron internetowych.

Aby dodać niestandardowy kod HTML do Twojej strony głównej:

  1. Kliknij opcję Dostosuj obok Boundless.

  2. Kliknij opcję Sekcje.

  3. Kliknij opcję Dodaj sekcję.

  4. W obszarze Układ zaawansowany kliknij opcjęNiestandardowy kod HTML > Dodaj.

  5. Kliknij opcję Niestandardowy kod HTML i wprowadź kod HTML, który chcesz dodać do swojej strony głównej.

  6. Kliknij opcję Zapisz.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo