Sekcja Nagłówek kontroluje nawigację najwyższego poziomu, branding oraz szybki dostęp do narzędzi użytkowych w całym sklepie. Główne ustawienia pozwalają dostosować kolor tła, wysokość nagłówka, wyświetlanie przyklejane, układ logo oraz konkretne kontrolki dla kluczowych funkcji:

Pasek wyszukiwania:

Przełącz widoczność centralnego paska wyszukiwania i dostosuj tekst zastępczy.

Szuflada menu:

Wybierz menu nawigacyjne, dostosuj tekst linków i zdecyduj o wyświetlaniu nawigacji w szufladzie bocznej (nawet na komputerze) umieszczonej po prawej stronie.

Szuflada konta i koszyka:

Ustaw niestandardowe etykiety dla wyzwalaczy konta klienta i koszyka oraz zdefiniuj nagłówek stanu pustego dla szuflady koszyka.

Sekcja Akordeon pozwala tworzyć zwijane listy tekstowe, które są idealne do Często Zadawanych Pytań lub polityk sklepu. Odwiedzający mogą kliknąć dowolne pytanie, aby je rozwinąć i przeczytać odpowiedź, utrzymując stronę w czystości i porządku. Możesz łatwo ustawić główny tytuł sekcji, zmienić kolor tekstu oraz dostosować odstępy nad i pod blokiem za pomocą prostych suwaków w Edytorze Motywu.

Sekcja Podział Akcji łączy szczegółową wiadomość tekstową po lewej stronie z dedykowanym polem funkcji lub bezpośrednim menu kontaktowym po prawej. Jest idealna do prezentacji usług takich jak masowe wyceny, konsygnacja lub specjalne kanały wsparcia klienta. Możesz dostosować główny nagłówek, podtytuł, opis, przyciski tagów oraz tytuł paska bocznego, a także regulować rozmiary czcionek, szerokość paska bocznego oraz indywidualne kolory tła i akcentów bezpośrednio w ustawieniach.

Sekcja Slider Bloga prezentuje najnowsze wpisy i historie Twojego sklepu w czystym, przewijanym karuzelu. W głównych ustawieniach sekcji możesz ustawić kolor tła lub gradient, dostosować górne i dolne wypełnienie, regulować grubość czcionek oraz ustawić standardowe etykiety, takie jak nagłówek sekcji, tekst linku i przyciski "czytaj więcej". Dodając indywidualne bloki Artykułów, możesz wyświetlać standardowe wpisy blogowe lub niestandardowe historie z opcjami pełnoekranowego obrazu lub układu podzielonej karty, niestandardowymi obrazami, tłem wideo (YouTube, Vimeo lub MP4) oraz niestandardowymi linkami przekierowującymi.

Baner Call to Action tworzy szeroką, przyciągającą uwagę sekcję promocyjną zaprojektowaną, aby zwiększyć zaangażowanie klientów. Możesz dostosować podtytuł, główny tytuł, opis oraz przycisk wezwania do działania z bezpośrednim linkiem. Możesz także dodać indywidualne bloki Informacji, które automatycznie wyświetlają się poniżej tekstu z czystymi ikonami zaznaczenia, aby podkreślić kluczowe punkty zaufania lub gwarancje. Ustawienia sekcji pozwalają również dostosować górne i dolne wypełnienie oraz wybrać niestandardowy kolor tła lub gradient.

Sekcja Centrum Kampanii wyświetla uporządkowaną siatkę kart promocyjnych, aby wyróżnić kluczowe oferty sklepu, kampanie i ekskluzywne treści. Ustawienia sekcji kontrolują główne nagłówki, liczbę kolumn w wierszu, stylizację tła oraz globalne efekty najechania na karty, podczas gdy indywidualne bloki Kart pozwalają dostosować tytuły, opisy, linki przycisków i ikony.

Jak uzyskać kody ikon SVG

Aby dodać niestandardowe ikony wektorowe do swoich kart:

1. Znajdź ikonę: Odwiedź darmową bibliotekę ikon open-source (taką jak Lucide Icons lub Tabler Icons).
2. Skopiuj kod SVG: Wyszukaj wybraną ikonę (np. serce, gwiazda lub diament), kliknij ją i wybierz Skopiuj SVG lub Skopiuj kod.
3. Wklej do ustawień: Wklej surowy blok kodu bezpośrednio w polu Ikona swojego bloku Karty.

Szuflada Koszyka pozwala klientom podglądać i zarządzać przedmiotami za pomocą rozwijanego menu w nagłówku lub wysuwanej szuflady z kontrolą ilości, polami promocyjnymi i linkami do kasy (wymaga dodania bloku Szuflada Koszyka w nagłówku). W Ustawieniach Motywu > Nagrody za koszyk możesz skonfigurować do trzech progów wydatków (np. progi na 30%, 50% lub 70% zniżki), aby wyświetlać dynamiczny pasek postępu nagrody bezpośrednio w szufladzie.

Siatka Galerii Treści łączy wyróżnione elementy multimedialne (wideo i statyczne obrazy) z czystym karuzelą opinii klientów.

• Ogólne ustawienia sekcji: Dostosuj górne i dolne wypełnienie, podtytuł sekcji (np. "OPINIE KLIENTÓW"), główny obraz, media wideo oraz kolory obramowania kontenera. Dla treści wideo możesz przesłać bezpośredni plik MP4 za pomocą Shopify Video lub wprowadzić URL YouTube (używany automatycznie, jeśli nie wybrano Shopify Video), z opcją włączenia Autoodtwarzania wideo.

• Bloki opinii: Dodaj wiele bloków opinii, aby stworzyć suwak referencji obok siatki multimediów. Dla każdego indywidualnego bloku opinii możesz dostosować: ocenę gwiazdkową, tekst opinii, autora i etykietę.

Sekcja Karuzela Kolekcji prezentuje produkty z wybranej kolekcji w czystym, poziomym suwaku z nawigacyjnymi strzałkami.

• Kolekcja i nagłówek: Wybierz kolekcję sklepu do wyróżnienia i ustaw niestandardowy tytuł sekcji (np. "Mythos Fantasy Cards").
• Ustawienia odznaki: Dodaj promocyjną odznakę (np. "NOWOŚĆ") obok nagłówka, wybierz jej kolor akcentu i włącz opcję Pozycjonuj odznakę u góry, aby ją wyrównać.
• Przyciski i nawigacja: Dostosuj domyślne etykiety przycisków kart produktów (np. "Dodaj do koszyka") i skonfiguruj samodzielny przycisk sekcji z niestandardową etykietą (np. "Kup kolekcję") i bezpośrednim linkiem.
• Stylizacja i układ: Ustaw niestandardowe kolory tła sekcji, tła przycisku i tekstu przycisku, wraz z kontrolą górnego i dolnego wypełnienia sekcji.

Sekcja Lista Kolekcji tworzy siatkę interaktywnych kart z niestandardowymi gradientami, ikonami wektorowymi oraz bezpośrednimi linkami do kolekcji. Możesz dostosować kolor tła sekcji, nagłówek, liczbę kolumn w wierszu oraz kolory akcentów przy najechaniu, a następnie dodać pojedyncze bloki Kart Kolekcji, aby reprezentować każdą kolekcję.

Ustawienia Bloku Karty Kolekcji

Dla każdego bloku karty możesz skonfigurować:

• Kolekcja: Wybierz docelową kolekcję dla linku przekierowującego.
• Tytuł Kolekcji: Wprowadź niestandardową etykietę karty (np. "Nowości").
• Ikona: Wklej surowy kod
• Gradient Tła Karty: Dodaj kod CSS liniowego gradientu, aby nadać każdej karcie unikalne przejście koloru tła. Format: linear-gradient(kierunek, kolor1, kolor2)

Sekcja siatki Kolekcji wyświetla responsywny układ wyróżnionych kart kolekcji z wyróżnionymi obrazami i bezpośrednimi tytułami kolekcji. Kontrolki sekcji pozwalają przełączać rozmiar elementów siatki (Mały/Duży) oraz dostosować odstępy w siatce, podczas gdy poszczególne bloki kolekcji umożliwiają wybór i prezentację konkretnych kolekcji sklepu.

Sekcja Formularz kontaktowy wyświetla uproszczony formularz zapytania klienta umieszczony w ciemnym kontenerze karty. Ustawienia pozwalają na pełną personalizację nagłówków, podtytułów, opisów, etykiet przycisku wysyłania oraz niestandardowych etykiet pól lub tekstu zastępczego dla pól Temat, Email i Wiadomość.

Sekcja Hero zawiera pełnoekranowy baner tła z wyśrodkowanymi nakładkami tekstowymi i przyciskiem wezwania do działania. Kontrolki sekcji pozwalają wybrać obraz tła i dostosować ogólną wysokość banera, podczas gdy bloki treści umożliwiają dodanie konfigurowalnych elementów Nagłówek, Akapit i Przycisk.

Sekcja Punkty Hotspot Hero łączy interaktywny baner hero z precyzyjnymi ikonami hotspotów (+ wskaźnikami), które po najechaniu ujawniają powiązane karuzele kolekcji. Ustawienia sekcji kontrolują typografię hero, stylizację przycisków, obrazy tła na komputerze i urządzeniach mobilnych oraz przezroczystość nakładki, podczas gdy poszczególne bloki Hotspot pozwalają przypisać tytuły, opisy, docelowe kolekcje oraz dokładne współrzędne X/Y w procentach, aby umieścić każdy pin na obrazie.

Sekcja Prezentacja z podpowiedziami łączy wyróżniony baner tła z lewostronnie wyrównanymi nagłówkami, opisami i konfigurowalnymi blokami elementów punktowych. Ustawienia sekcji pozwalają dostosować media tła, przezroczystość nakładki i stylizację kart (kolory i promień zaokrąglenia), podczas gdy bloki Hotspot umożliwiają umieszczanie interaktywnych pinów na obrazie z niezależnymi współrzędnymi X/Y dla komputerów i urządzeń mobilnych, aby wyświetlać szczegóły i linki w wyskakujących kartach.

Sekcja Przewijany tekst tworzy animowany, ciągle przewijający się baner tekstowy do ogłoszeń i alertów na stronie. Ustawienia sekcji pozwalają dostosować kolor tła, kolor tekstu, rozmiar czcionki oraz odstęp między elementami, podczas gdy poszczególne bloki Tekst pozwalają dodać unikalne komunikaty promocyjne, emotikony lub notatki aktualizacyjne do pętli przewijania.

Sekcja Tekst z ikonami wyświetla karty funkcji z niestandardowymi ikonami, tytułami i opisami ułożonymi w wielokolumnowej siatce. Ogólne ustawienia sekcji pozwalają dostosować nagłówki, liczbę kolumn w wierszu, odstępy w siatce, wymiary ikon oraz opcjonalną plakietkę z liczbą kroków, podczas gdy poszczególne bloki Box umożliwiają przesyłanie obrazów lub wprowadzanie surowych ikon SVG, ustawianie niestandardowych gradientów tła oraz konfigurowanie kolorów i przycisków wezwania do działania specyficznych dla kart.

Aby uzyskać kod SVG, odwiedź bibliotekę ikon open-source, taką jak Lucide Icons lub Tabler Icons, wyszukaj wybraną ikonę i kliknij Copy SVG lub Copy Code. Następnie wklej surowy blok kodu bezpośrednio w polu SVG swojego bloku Box.

Sekcja Ścieżka nawigacji zapewnia prostą nawigację po stronie z przyciskiem wstecz po lewej i wskaźnikiem bieżącej strony po prawej. Ustawienia sekcji pozwalają dostosować kolor tła, etykietę przycisku wstecz (np. "Wróć") oraz tekst prefiksu wskaźnika przeglądania (np. "Przeglądasz:").

Wielokolumnowa sekcja pozwala wyświetlać treści obok siebie, aby podkreślić kluczowe zalety, kroki lub funkcje sklepu w przejrzystym układzie. Możesz ustawić główny tytuł i podtytuł dla całej sekcji oraz dodawać lub usuwać poszczególne bloki kolumn, aby prezentować obrazy, tytuły i krótkie opisy.

Lista życzeń tworzy dedykowane miejsce do wyświetlania wszystkich przedmiotów, które klient zapisał podczas przeglądania.

Gdy kupujący kliknie przycisk narzędzia Lista życzeń na dowolnej stronie produktu, ten przedmiot zostaje zapisany i automatycznie pojawia się jako siatka kart w tej sekcji — dając klientom łatwe, centralne miejsce do przeglądania i późniejszego zakupu ulubionych produktów.

Sekcja Stopka umacnia dolną część Twojego sklepu linkami nawigacyjnymi, brandingiem, informacjami o zgodności i narzędziami angażującymi klientów. Tutaj możesz ustawić kolor tła, przełączyć wyświetlanie ikon płatności, aby pokazać akceptowane metody płatności, oraz włączyć polityki sklepu na dolnym pasku.

Bloki stopki

• Blok logo: Prześlij swoje logo, dostosuj jego rozmiar i dodaj krótki slogan. Możesz także przełączyć ikony społecznościowe lub nazwę sklepu.

• Blok linków: Wyświetl menu nawigacyjne z panelu administracyjnego Shopify pod niestandardowym tytułem.

• Blok newslettera: Dodaj pole zapisu na e-mail z wybranym nagłówkiem, podtytułem i tekstem zastępczym.

Sekcja Produkt zawiera układ dwukolumnowy, który wyświetla media produktu obok kluczowych szczegółów i opcji zakupu. Główne ustawienia pozwalają dostosować kolor tła, szerokość sekcji, przyklejone obrazy, promień zaokrąglenia i powiększenie obrazu, podczas gdy bloki takie jak Tytuł, Cena, Stan magazynowy, Wybór wariantu i Przyciski kupna uzupełniają podstawowy układ produktu.

Blok Karta Szczegóły organizuje informacje o produkcie w czysty, zakładkowy interfejs, aby utrzymać stronę uporządkowaną i łatwą do przeglądania. Możesz ustawić niestandardowe tytuły zakładek (np. "Opis Karty" i "Przegląd Karty") oraz wprowadzić sformatowany tekst dla każdego odpowiadającego obszaru treści.

Wskazówka: Aby automatycznie pobrać rzeczywisty opis produktu z Shopify, kliknij ikonę Połącz dynamiczne źródło (symbol bazy danych obok etykiety pola) nad polem treści i wybierz Opis.

Blok Cechy Produktu wyświetla kluczowe atrybuty — takie jak Rzadkość Karty czy Stan — w czystej liście etykieta-wartość (obsługującej do 6 niestandardowych par cech).

Jak powiązać niestandardowe szczegóły produktu

1. Utwórz pole szczegółów (jednorazowa konfiguracja)
   • Przejdź do Ustawienia > Dane niestandardowe > Produkty w Shopify.
   • Kliknij Dodaj definicję, nazwij swój szczegół (np. "Rzadkość Karty") i kliknij Zapisz.
2. Dodaj szczegóły do produktu
   • Otwórz stronę produktu w Shopify.
   • Przewiń do sekcji Metapola na dole, wpisz wartość (np. "Rzadki") i zapisz.
3. Wyświetl to w swoim sklepie
   • W edytorze motywu otwórz blok Cechy Produktu.
   • Wpisz etykietę (np. "Rzadkość Karty") w polu Tytuł.
   • W polu Tekst kliknij ikonę bazy danych w rogu i wybierz nazwę szczegółu, aby automatycznie go powiązać!

Blok Tekst z ikoną wyświetla do 3 kompaktowych pigułek cech obok siebie w sekcji produktu, aby podkreślić kluczowe punkty sprzedaży (takie jak szybka wysyłka, gwarancje produktu lub autentyczność). Każdy blok tekstowy pozwala na wprowadzenie niestandardowego tekstu wraz z surowym kodem SVG do renderowania wybranych ikon wektorowych.

Blok Przycisk narzędziowy dodaje drugorzędne akcje do strony produktu, pozwalając klientom zapisywać przedmioty lub udostępniać produkty innym. Ustawienia pozwalają niezależnie włączać lub wyłączać przyciski Lista życzeń i Udostępnij oraz dostosowywać tekst etykiety przycisku dla każdego z nich.

Typografia

Ustawienia Typografii kontrolują globalne style czcionek w całym sklepie. Wybór czcionki podstawowej (takiej jak Work Sans) ustanawia spójną tożsamość wizualną, automatycznie stosując wybraną czcionkę do nagłówków, tekstu głównego, przycisków i elementów nawigacyjnych na całej stronie.

Układ

Ustawienia Układu definiują strukturalne wymiary i odstępy witryny, kontrolując Szerokość strony (maksymalna szerokość kontenera dla głównej zawartości) oraz Margines strony (zewnętrzne odstępy, aby zawartość nie dotykała krawędzi ekranu na mniejszych wyświetlaczach).

Kolory

Ustawienia Kolorów ustalają globalną paletę kolorów sklepu dla pełnej spójności marki na każdej stronie:

• Tło i pierwszoplanowe: Ustawia główny kolor tła strony i domyślny styl akcentów.
• Podstawowe i drugorzędne: Definiuje kolory czcionek nagłówków (Podstawowe) i tekstu głównego (Drugorzędne).
• Obramowanie i akcent: Kontroluje linie podziału, obramowania kontenerów i akcenty strukturalne.
• Kontrola przycisków: Dostosowuje kolory tła, tekstu i obramowania przycisków.
• Linki i najechanie: Ustawia domyślne kolory linków i ich interaktywne stany po najechaniu.

Media społecznościowe

Ustawienia Mediów społecznościowych pozwalają dodać linki do kont społecznościowych Twojej marki. Wystarczy wkleić adresy URL profili w odpowiednie pola platform, a pasujące ikony społecznościowe pojawią się automatycznie w stopce.

Ustawienia logo pozwalają przesłać główne logo sklepu, kontrolować jego rozmiar wyświetlania w pikselach oraz ustawić ikonę favicon reprezentującą Twoją stronę na kartach przeglądarki.

Ustawienia Nagrody za koszyk pozwalają zachęcać do większych zamówień, ustawiając do trzech progów wydatków. Zdefiniuj konkretne kwoty koszyka i niestandardowe etykiety dla każdego poziomu, aby wyświetlić dynamiczny pasek postępu bezpośrednio w wysuwanym koszyku, zachęcając klientów do dodawania większej liczby produktów, aby odblokować zniżki lub korzyści.