Sekcja Nagłówka 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 przyklejone, 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 bocznej szufladzie (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 wyceny hurtowe, komis 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 blogowy prezentuje najnowsze wpisy i historie Twojego sklepu w czystym, przewijalnym 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łnoekranowych obrazów lub układów kart dzielonych, niestandardowych obrazów, teł wideo (YouTube, Vimeo lub MP4) oraz niestandardowych linków przekierowujących.

Baner wezwania do działania 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 na podgląd i zarządzanie przedmiotami za pomocą rozwijanego menu nagłówka lub wysuwanej szuflady z kontrolkami ilości, polami promocyjnymi i linkami do kasy (wymaga dodania bloku szuflady koszyka pod Nagłówkiem). 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 nagród 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 zasób obrazu, media wideo oraz kolory obramowania kontenera. Dla treści wideo możesz przesłać bezpośredni plik MP4 za pomocą Shopify Video lub wprowadzić adres URL YouTube (używany automatycznie, jeśli nie wybrano Shopify Video), z opcją przełączania Autoodtwarzania wideo.

• Bloki opinii: Dodaj wiele bloków opinii, aby utworzyć 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 możliwością przewijania i strzałkami nawigacyjnymi.

• Kolekcja i nagłówek: Wybierz kolekcję sklepu do wyświetlenia i ustaw niestandardowy tytuł sekcji (np. "Mythos Fantasy Cards").
• Ustawienia odznaki: Dodaj promocyjną odznakę (np. "NOWOŚĆ") obok nagłówka, wybierz jej kolor akcentu i przełącz pozycję odznaki na górę, aby ją wyrównać.
• Przyciski i nawigacja: Dostosuj domyślne etykiety przycisków na pojedynczych kartach produktów (np. "Dodaj do koszyka") i skonfiguruj samodzielny przycisk sekcji z niestandardową etykietą (np. "Kup kolekcję") oraz 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 i bezpośrednimi linkami do kolekcji. Możesz dostosować kolor tła sekcji, nagłówek, liczbę kolumn na wiersz oraz kolory akcentu po najechaniu, a następnie dodać indywidualne 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 kolorów 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 dostosowywać odstępy w siatce, podczas gdy poszczególne bloki kolekcji umożliwiają wybór i prezentację konkretnych kolekcji sklepu.

Sekcja Formularza Kontaktowego 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 Bohatera zawiera baner o pełnej szerokości z tłem, 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łówka, Akapitu i Przycisku.

Sekcja Punktów Bohatera łączy interaktywny baner bohatera z precyzyjnymi ikonami punktów (+ wskaźnikami), które po najechaniu ujawniają powiązane karuzele kolekcji. Ustawienia sekcji kontrolują typografię bohatera, stylizację przycisków, obrazy tła na komputerze i urządzeniach mobilnych oraz przezroczystość nakładki, podczas gdy poszczególne bloki Punktów pozwalają przypisać tytuły, opisy, docelowe kolekcje oraz dokładne współrzędne X/Y w procentach do precyzyjnego umieszczenia każdego punktu na obrazie.

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

Sekcja Przewijanego Tekstu 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 Tekstu umożliwiają dodawanie unikalnych komunikatów promocyjnych, emotikonów lub notatek aktualizacyjnych 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 Pudełek umożliwiają przesyłanie obrazów lub wprowadzanie surowych ikon wektorowych 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 żądaną ikonę i kliknij Copy SVG lub Copy Code. Następnie wklej surowy blok kodu bezpośrednio w pole SVG swojego bloku Pudełka.

Sekcja Okruszków 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 widoku (np. "Oglądasz:").

Sekcja Wielokolumnowa 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.

Sekcja 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 Stopki umacnia dolną część Twojego sklepu linkami nawigacyjnymi, brandingiem, szczegółami 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 Produktu 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 przejrzysty interfejs z zakładkami, aby utrzymać stronę w porządku i ułatwić przeglądanie. 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 źródło dynamiczne (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 przejrzystej 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 zalety (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 do strony produktu akcje drugorzędne, 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 dostosować tekst etykiety przycisku dla każdego z nich.

Typografia

Ustawienia typografii kontrolują globalne style czcionek w całym sklepie. Wybór czcionki podstawowej (np. 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ą wymiary strukturalne 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.
• Podstawowy i drugorzędny: Definiuje kolory czcionek nagłówków (podstawowy) i tekstu głównego (drugorzędny).
• 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.
• Link 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 Twojej marki w mediach społecznościowych. 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ą witrynę na kartach przeglądarki.

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