Boundless

Boundless to szablon skupiający się na fotografiach, z minimalistycznym interfejsem użytkownika, który prezentuje fotografie od krawędzi do krawędzi. Szablon Boundless został zaprojektowany na potrzeby urządzeń mobilnych i nadaje się dla sklepów ze średnim i dużym poziomem zapasów.

Przykładowy sklep online używający szablonu Boundless

Edytor szablonów

Użyj edytora szablonów, aby dostosować swój szablon. Pasek narzędzi edytora szablonów jest podzielony na Sekcje i Ustawienia szablonów.

Możesz użyć sekcji do modyfikowania zawartości i układu różnych stron Twojego sklepu. Możesz użyć ustawień szablonu do personalizacji czcionek i kolorów Twojego sklepu i dokonywania zmian w linkach do Twoich mediów społecznościowych i ustawień realizacji zakupu.

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.

Ustawienia szablonu Możesz użyć ustawień szablonu do konfiguracji kolorów i typografii w Twoim sklepie online. Możesz także skonfigurować linki do swoich kont w mediach społecznościowych, edytować ustawienia koszyka oraz dodawać Favicon.

Dla szablonu Boundless dostępne są następujące ustawienia:

  • Kolory
  • Typografia
  • Koszyk
  • Media społecznościowe
  • Ikona Favicon
  • Realizacja zakupu

Kolory

Możesz wybrać kolory dla różnych części swojego sklepu online.

Dostosuj ustawienia kolorów

  1. Kliknij opcję Dostosuj obok Boundless.

  2. Kliknij Ustawienia szablonu.

  3. Kliknij Kolory.

  4. Dla każdego typu zawartości kliknij próbnik kolorów w celu skorzystania z selektora kolorów. W obszarze Ostatnio wybrane wyświetlane są kolory ostatnio wybrane dla Twojego szablonu. Obszar Obecnie używane pokazuje kolory, których obecnie używasz w innych częściach swojego szablonu.

    Aby ustawić kolor jako transparentny, kliknij opcję Brak.

  5. Kliknij opcję Zapisz.

Typografia

Możesz ustawić styl i rozmiar czcionki dla tekstu w swoim sklepie online.

Dostosuj swoje ustawienia typografii

  1. Kliknij opcję Dostosuj obok Boundless.

  2. Kliknij Ustawienia szablonu.

  3. Kliknij przycisk Typografia.

  4. Dla każdego typu tekstu kliknij opcję Zmień, aby użyć selektora czcionek.

  5. Przeglądaj czcionki, używając pola wyszukiwania lub klikając opcję Załaduj więcej.

    Aby zobaczyć wszystkie dostępne czcionki, wyświetl Bibliotekę czcionek Shopify.

  6. Kliknij nazwę czcionki, której chcesz używać.

  7. Aby zmienić styl czcionki na inny, np. pogrubienie lub kursywę, kliknij opcję Zwykły. Następnie kliknij styl, którego chcesz używać oraz opcję Wybierz.

  8. Kliknij opcję Zapisz.

Koszyk

Boundless pozwala dostosować stronę koszyka poprzez wybór typu koszyka i włączenie opcji dodawania przez klienta uwag dotyczących zamówień.

Szablon Boundless obsługuje 2 typy koszyka:

  • Strona przekierowuje klientów do strony koszyka, gdy pozycja zostanie dodana do koszyka.

  • Szuflada otwiera się z boku strony, gdy pozycje są dodawane do koszyka, i monituje użytkownika o przejście do strony realizacji zakupu.

Szablon Boundless zawiera także opcję, która pozwala klientom wysyłać Ci instrukcje specjalne dotyczące ich zamówienia.

Aby ustawić opcje koszyka w szablonie Brooklyn:

  1. Kliknij Ustawienia szablonu.

  2. Kliknij opcję Strona koszyka.

  3. Wybierz typ koszyka z listy Typ koszyka.

  4. Jeśli chcesz umożliwić klientom dodawanie uwag dotyczących zamówienia podczas realizacji zakupu, zaznacz opcję Włącz uwagi dotyczące zamówienia.

  5. Kliknij opcję Zapisz.

Media społecznościowe

Możesz dodawać przyciski udostępniania w mediach społecznościowych dla swoich produktów i postów na blogu oraz linki do swoich kont w mediach społecznościowych.

Aby dostosować ustawienia mediów społecznościowych:

  1. Kliknij opcję Dostosuj obok Boundless.

  2. Kliknij Ustawienia szablonu.

  3. Kliknij opcję Media społecznościowe.

  4. Aby załadować obraz do udostępniania w mediach społecznościowych, w obszarze Obraz do udostępniania w mediach społecznościowych kliknij opcję Wybierz obraz lub Przeglądaj darmowe obrazy.

  5. Aby dodać linki do kont mediów społecznościowych, w obszarze Konta wprowadź linki do swoich kont w dostępnych polach. Wprowadź pełne linki, np. https://instagram.com/shopify lub https://twitter.com/shopify.

    Linki do Twoich kont w mediach społecznościowych są wyświetlane w stopce sklepu online.

  6. Aby dodać przyciski udostępniania w mediach społecznościowych do produktów i postów na blogu, w obszarze Opcje udostępniania zaznacz dowolne lub wszystkie pola wyboru.

    Możesz dodać następujące przyciski udostępniania:

- Udostępnij na Facebooku - Tweetuj na Twitterze - Przypnij do tablicy Pinterest (niedostępne dla udostępniania postu na blogu)

  1. Kliknij opcję Zapisz.

Ikona Favicon

Możesz załadować ikonę ulubionych, lub ikonę „Favicon”, co pomoże Ci zbudować markę sklepu online dzięki wyświetleniu Twojego logo w następujących lokalizacjach:

  • karta Twojej przeglądarki internetowej
  • historia Twojej przeglądarki internetowej
  • ikony na Twoim pulpicie
  • obok nazwy Twojego sklepu, jeśli dodano jej zakładkę.

Aby załadować ikonę Favicon:

  1. Kliknij kartę Ustawienia szablonu.

  2. Kliknij opcję Ikona Favicon.

  3. W obszarze Obraz ikony Favicon kliknij opcję Wybierz obraz, a następnie wykonaj jedną z następujących czynności:

- Aby wybrać obraz, który został już załadowany do panelu administracyjnego Shopify, kliknij kartę Biblioteka. - Aby wybrać obraz z komputera lokalnego, kliknij kartę Biblioteka, a następnie przycisk plus.

  1. Kliknij opcję Zapisz.

Realizacja zakupu

Ta sekcja umożliwia dostosowanie realizacji zakupu w Twoim sklepie. Kliknij tutaj, aby uzyskać więcej informacji o stronie realizacji zakupu Twojego sklepu.

Ustawianie podmenu w pasku czynności

Jeśli utworzysz na pasku czynności menu odsyłające do strony głównej, menu to będzie wyświetlane także na stronie głównej. Sytuacja taka może mieć miejsce, gdy ustawiasz menu dla kolekcji, które jeszcze nie istnieją, więc tworzysz link wypełniacza do strony głównej.

Utwórz kolekcje, zanim utworzysz linki do kolekcji dla paska czynności. Możesz także używać połączenia do strony Wszystkie produkty, dopóki nie utworzysz kolekcji, do której ma odsyłać link.

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

Wypróbuj za darmo