Sekcje szablonu Boundless

Zawartość szablonu tworzona jest za pomocą sekcji. Sekcje to konfigurowalne bloki zawartości, które określają układ i wygląd różnych stron w Twoim sklepie online.

Sekcje statyczne to sekcje, które pojawiają się we wcześniej ustalonych lokalizacjach w Twoim sklepie online. Tych sekcji nie można usunąć ani zmienić ich układu. Sekcje statyczne mogą zawierać nagłówki, stopki, sekcje nawigacji lub sekcje zawartości na stronach takich jak strony produktów i strony kolekcji. Na przykład sekcja Produkt określa wygląd każdej strony produktu w sklepie online.

Sekcje dynamiczne to opcjonalne sekcje, których można używać w celu dostosowania układu strony głównej. Na stronie głównej Twojego sklepu możesz dodawać sekcje dynamiczne, zmieniać ich rozmieszczenie oraz je usuwać, tworząc w ten sposób układ strony. Na stronie głównej możesz mieć maksymalnie 25 sekcji dynamicznych.

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

Sekcje statyczne

Szablon Boundless zawiera następujące sekcje statyczne:

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

Sekcje dynamiczne

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

Menu paska bocznego pełni funkcję spisu treści dla Twojego sklepu. To menu pojawia się na każdej stronie sklepu online.

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.

Możesz także wyświetlać linki do swoich kont w mediach społecznościowych na pasku bocznym. Te linki są kontrolowane przez ustawienia szablonu.

Dostosuj menu paska bocznego

  1. Kliknij opcję Menu paska bocznego.

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

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

  4. Kliknij opcję Zapisz.

Pasek ogłoszeń

Na pasku ogłoszeń możesz włączyć wyświetlanie wiadomości skierowanej do swoich klientów. Twoja wiadomość jest w pełni konfigurowalna i może zawierać informacje kontaktowe, link, informacje o zdarzeniach sklepu lub wyprzedaży oraz hasło reklamowe bądź wiadomość służącą budowaniu marki. Pasek ogłoszeń może być wyświetlany na wszystkich stronach Twojego sklepu lub tylko na stronie głównej.

Włącz pasek ogłoszeń

  1. Kliknij Pasek ogłoszeń. 5. Zaznacz opcję Pokaż ogłoszenie.
Select **Home page only** to display the announcement message on the home page only.
  1. Wprowadź tekst dla swojego ogłoszenia.
  2. Opcjonalnie: Wprowadź adres URL, aby dodać link do ogłoszenia.
  3. Aby zmienić kolor tła paska ogłoszeń, kliknij próbnik koloru paska i wybierz kolor.
  4. Aby zmienić kolor tekstu ogłoszenia, kliknij próbnik koloru tekstu i wybierz kolor.
  5. Kliknij opcję Zapisz.

Nagłówek

Nagłówek szablonu jest sekcją, która pojawia się na górze każdej strony Twojego sklepu. Można dostosować logo wyświetlone w nagłówku.

Możesz dodać dodatkowe 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.

  1. Kliknij opcję Nagłówek. 2. W obszarze Logo kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności: - Aby wybrać obraz, który został już przesłany do panelu administracyjnego Shopify, kliknij kartę Biblioteka.
  2. Aby wybrać darmowy obraz z Burst, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć.
  3. Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk Załaduj.
    1. Opcjonalnie: W obszarze Logo strony głównej kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności: - Aby wybrać obraz, który został już przesłany do panelu administracyjnego Shopify, kliknij kartę Biblioteka.
  4. Aby wybrać darmowy obraz z Burst, kliknij kartę Darmowe zdjęcia. Z tego poziomu możesz wprowadzać termin wyszukiwania lub przeglądać kategorie zdjęć.
  5. Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk Załaduj.
    1. Wprowadź szerokość logo w polu Niestandardowa szerokość logo (w pikselach). 8. Kliknij opcję Zapisz.

Pokaz slajdów

Możesz dodać do strony głównej pokaz slajdów, który wyświetla 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 - ustaw adres URL lub stronę, z którymi ma być połączony przycisk. Wklej w adresie URL lub wybierz stronę z menu. Jeśli nie chcesz dołączać przycisku w sekcji, pozostaw to pole puste.

Dostosuj swój pokaz slajdów

  1. Kliknij opcję Pokaz slajdów.

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

  3. Kliknij opcję Zapisz.

Pasek czynności

Domyślnie w pasku czynności wyświetlane jest główne menu sklepu. Możesz dostosować menu w taki sposób, aby na pasku czynności były 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 na 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.

Dostosuj pasek czynności

  1. Kliknij opcję Pasek czynności.

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

  3. Kliknij opcję Zapisz.

Stopka

Stopka szablonu to sekcja, która pojawia się na dole każdej strony Twojego sklepu. W szablonie Boundless możesz wyświetlać w stopce menu i ikony metod płatności, które akceptujesz.

Można również wyświetlać w stopce linki do Twoich kont mediów społecznościowych. Te linki są sterowane poprzez ustawienia szablonu.

Dodaj menu do stopki

Możesz dodać menu do stopki. Spowoduje to wyświetlenie wszystkich linków menu w stopce, których można użyć do wyróżnienia popularnych stron, do których klienci chcą uzyskać dostęp. Na przykład, możesz dodać menu zawierające linki do Twoich kontaktów i polityki wysyłki.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Pulpit</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Z panelu administracyjnego Shopify przejdź do opcji: <strong>Sklep online</strong> &gt; <strong>Szablony</strong>.
</li><li>Kliknij opcję <strong>Dostosuj</strong> obok <strong>Boundless</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>W <a href="https://www.shopify.com/install/detect">aplikacji Shopify</a> naciśnij <strong>Sklep</strong>.
</li><li>W sekcji <strong>Kanały sprzedaży</strong> naciśnij <strong>Sklep online</strong>.
</li><li>Naciśnij opcję <strong>Zarządzaj szablonami</strong>.
</li><li>Obok <strong>Boundless</strong> naciśnij opcję <strong>Dostosuj</strong>.
</li><li>Naciśnij <strong>Edytuj</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>W <a href="https://www.shopify.com/install/detect">aplikacji Shopify</a> naciśnij <strong>Sklep</strong>.
</li><li>W sekcji <strong>Kanały sprzedaży</strong> naciśnij <strong>Sklep online</strong>.
</li><li>Naciśnij opcję <strong>Zarządzaj szablonami</strong>.
</li><li>Obok <strong>Boundless</strong> naciśnij opcję <strong>Dostosuj</strong>.
</li><li>Naciśnij <strong>Edytuj</strong>.
</li></ol></div>
</div>
  1. Kliknij opcję Stopka.

  2. Aby wybrać menu, kliknij Zmień. Wybierz menu z listy lub kliknij Utwórz menu, aby utworzyć nowe.

  3. Aby edytować menu, kliknij Edytuj menu.

  4. Kliknij opcję Zapisz.

Dodaj ikony płatności

Ikony dla akceptowanych metod płatności można wyświetlić w stopce. W tym obszarze wyświetlane są ikony powiązane z dostawcą płatności, które włączono w sekcji Ustawienia płatności panelu administracyjnego.

  1. Kliknij opcję Stopka.

  2. Zaznacz opcję Pokaż ikony płatności.

  3. Kliknij opcję Zapisz.

Produkt

Sekcja Produkt jest główną konfigurowalną sekcją dla stron produktu. Możesz dostosować wygląd tej sekcji dzięki następującym opcjom:

  • Pomiń pierwszy obraz produktu – Gdy ta opcja jest włączona, 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.
  • Styl obrazu - Wybierz Wysoki/kwadratowy lub Szeroki.
  • Pokaż dostawcę – Pokaż markę lub dostawcę produktu na stronie produktu. Aby wyświetlana była marka lub dostawca, do produktu należy dodać dostawcę.
  • Pokaż selektor ilości – pozwól użytkownikom określić ilość, która zostanie dodana do koszyka.
  • Pokaż dynamiczny przycisk realizacji zakupu - pozwól klientom pominąć koszyk i przejść bezpośrednio do realizacji zakupu z sekcji polecanego produktu.
  • Szerokość formularza produktu - Wybierz Małą lub Dużą szerokość.

Możesz również wyświetlać rekomendacje produktów na stronie produktu.

Dostosuj sekcję produktu

  1. Wybierz Strony produktu.
  2. Kliknij sekcję Produkt.
  3. Użyj ustawień, aby dostosować stronę produktu.
  4. Kliknij opcję Zapisz.

Rekomendacje produktu

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

Włącz rekomendacje produktów

  1. Wybierz Strony produktu.

  2. Kliknij sekcję Rekomendacje produktów.

  3. Zaznacz opcję Pokaż dynamiczne rekomendacje, aby pokazać rekomendacje produktów na stronach produktów.

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

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

Kolekcja

Sekcja Kolekcja jest główną konfigurowalną sekcją dla stron kolekcji. Możesz dostosować wygląd tej sekcji dzięki następującym opcjom:

  • Styl obrazu - Wybierz, czy obrazy mają być Wysokie/kwadratowe, czy Szerokie.

    Opcja Wysoki/kwadratowy jest najlepsza, jeśli Twoje obrazy produktu są kwadratowe lub mają orientację pionową.

    Opcja Szeroki jest najlepsza, jeśli Twoje obrazy są prostokątne lub mają orientację poziomą.

  • Rozmiar obrazu – wybierz rozmiar obrazu. 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 i rozmiaru okna.

  • Dodaj odstępy między obrazami - Zwiększ odstępy wokół obrazów produktów.

  • Pokaż dostawcę produktu - wskaż markę lub dostawcę produktu pod obrazami produktów. Aby wyświetlać markę lub dostawcę, do produktu należy dodać dostawcę.

  • Pokaż opcje sortowania - Wybierz tę opcję, aby umożliwić klientom sortowanie produktów na stronach kolekcji.

  • Pokaż filtrowanie według tagów – Wybierz tę opcję, aby umożliwić klientom filtrowanie kolekcji według tagu produktu.

  • Typ paginacji - Wybierz, czy chcesz wyświetlać numerowane strony, czy przycisk Wyświetl więcej, gdy w kolekcji dostępnych jest wiele stron produktów.

Dostosuj sekcję kolekcji

  1. Wybierz Strony kolekcji.
  2. Kliknij sekcję Kolekcja.
  3. Użyj ustawień, aby dostosować stronę kolekcji.
  4. Kliknij opcję Zapisz.

Polecana kolekcja

Możesz polecać kolekcję na swojej stronie głównej. Polecanie kolekcji może pomóc w promowaniu sprzedaży i nowych kolekcji.

Dla sekcji Polecana kolekcja dostępne są następujące ustawienia:

  • Kolekcja - Wybierz kolekcję, która jest wyświetlana w sekcji. Z wybranej kolekcji wyświetlonych zostanie do 50 produktów.
  • Styl obrazu - Wybierz, czy obrazy mają być Wysokie/kwadratowe, czy Szerokie.

    Opcja Wysoki/kwadratowy jest najlepsza, jeśli Twoje obrazy produktu są kwadratowe lub mają orientację pionową.

    Opcja Szeroki jest najlepsza, jeśli Twoje obrazy są prostokątne lub mają orientację poziomą.

  • Rozmiar obrazu – wybierz rozmiar obrazu. 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 i rozmiaru okna.

  • Włącz odstępy między obrazami - Zwiększ odstępy wokół obrazów produktów.

  • Pokaż dostawcę produktu - wskaż markę lub dostawcę produktu pod obrazami produktów. Aby wyświetlać markę lub dostawcę, do produktu należy dodać dostawcę.

Dodaj sekcję Polecana kolekcja do strony głównej

  1. Kliknij opcję Dodaj sekcję.
  2. Kliknij Polecana kolekcja, a następnie Wybierz.
  3. Kliknij Wybierz kolekcję, a następnie wybierz kolekcję z listy Kolekcja. Z wybranej kolekcji wyświetlonych zostanie do 50 produktów.
  4. Użyj ustawień, aby dostosować sekcję.
  5. 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.

Dodaj możliwość rejestracji do newslettera do strony głównej

  1. Kliknij opcję Dodaj sekcję.

  2. Kliknij Newsletter, a następnie opcję Wybierz.

  3. Wprowadź nagłówek rejestracji do newslettera.

  4. Wprowadź nagłówek podrzędny dla rejestracji do newslettera.

  5. Kliknij opcję Zapisz.

Mapa

Możesz dodać mapę Google do strony głównej, aby pokazać klientom, gdzie mieści się Twoja firma.

Dla sekcji mapy dostępne są następujące ustawienia:

  • Nagłówek - Dodaj nagłówek do sekcji mapy.
  • Adres i godziny - Dodaj adres sklepu i godziny otwarcia do sekcji mapy.
  • Adres mapy - Ustaw mapę tak, aby wyświetlała lokalizację Twojego sklepu.
  • Etykieta linku mapy - Dodaj przycisk odsyłający do Twojej lokalizacji na mapie Google.
  • Pokaż pin - Dodaj pin pokazujący konkretną lokalizację Twojego sklepu na mapie.
  • Klucz Google Maps API - Dodaj klucz API mapy do sekcji mapy.
  • Obraz - Dodaj obraz wyświetlany, gdy mapa się nie ładuje.
  • Położenie obrazu - Ustal położenie obrazu.

Dodaj mapę do strony głównej

  1. Kliknij opcję Dodaj sekcję. 2. Kliknij opcję Mapa, a następnie Wybierz. 3. Użyj ustawień, aby dostosować sekcję mapy. 4. Kliknij opcję Zapisz.

Tekst sformatowany

Użyj sekcji Tekst sformatowany, aby wprowadzić dowolny tekst do wyświetlenia na stronie głównej, lub osadzić dowolną stronę utworzoną w panelu administracyjnym Shopify. Przykładowo, możesz polecać nadchodzące wydarzenia, osadzając stronę swojego bloga, lub wyświetlić stronę z:

Dla sekcji tekstu sformatowanego dostępne są następujące ustawienia:

Szerokie wyświetlanie - zmniejsz marginesy z każdej strony tekstu. – Nagłówek - dodaj nagłówek do sekcji tekstu sformatowanego. – Tekst - dodaj i sformatuj tekst niestandardowy. Jeśli chcesz polecać stronę ze swojego sklepu, kliknij opcję Dodaj zawartość, a następnie Strona. Wybierz stronę do polecania jako stronę główną z menu rozwijanego. – Rozmiar - ustaw rozmiar tekstu.

Dodaj tekst sformatowany do strony głównej

  1. Kliknij opcję Dodaj sekcję.

  2. Kliknij opcję Tekst sformatowany, a następnie kliknij przycisk Wybierz.

  3. Użyj ustawień, aby dostosować sekcję tekstu sformatowanego.

  4. Kliknij opcję Zapisz.

Film

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

Aby dodać film, musisz znaleźć link do udostępniania go:

  • YouTube - link do udostępniania filmu z platformy YouTube, np.: https://youtu.be/Oc5v_ToKP7c. Możesz dowiedzieć się, jak skopiować link udostępniający film z YouTube, zapoznając się z treścią artykułu Pomoc YouTube.
  • Vimeo - link do udostępniania filmu z platformy Vimeo wygląda następująco: https://vimeo.com/123456789. 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.

Dla sekcji filmu dostępne są następujące ustawienia:

  • Nagłówek - Dodaj nagłówek do sekcji filmu.
  • Link do filmu - Dodaj link udostępniający dla swojego filmu.

Dodaj film do strony głównej

  1. Kliknij opcję Dodaj sekcję. 3. Kliknij opcję Film, a następnie Wybierz. 4. Użyj ustawień, aby dostosować sekcję filmu. 5. 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.

Dodaj niestandardową sekcję HTML do strony głównej

  1. Kliknij opcję Dodaj sekcję.

  2. Kliknij opcję Niestandardowy kod HTML, a następnie Wybierz.

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

  4. Kliknij opcję Zapisz.

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

Wypróbuj za darmo