Sekcje wspólne i systemowe
W tym artykule znajdziesz informacje o sekcjach, które możesz dodać do dowolnego typu strony, a także o stałych sekcjach dostępnych na każdej stronie systemowej. Jak dodawać i układać sekcje opisujemy w Sekcje i bloki.
Sekcje, które możesz dodać do dowolnej strony
Pojawiają się w selektorze Dodaj na każdym typie strony.
Tekst
Samodzielna sekcja tekstowa na nagłówek lub akapit. Do 3 na stronę. Pełne ustawienia typografii opisane są w Komponenty układu.
Obraz
Samodzielna sekcja z obrazem. Do 3 na stronę. Możesz ustawić szerokość (dopasuj, wypełnij lub własny procent), wyrównanie, proporcje (auto, portret, kwadrat, poziom), dopasowanie (przykryj lub zmieść), zaokrąglenie rogów, odstępy oraz opcjonalny link po kliknięciu.
Separator
Linia oddzielająca. Do 10 na stronę. Ustaw grubość, długość (procent kontenera), styl zakończenia, wyrównanie, schemat kolorów, szerokość (dopasuj lub wypełnij) i odstępy. Zobacz Komponenty układu.
Ikony mediów społecznościowych
Samodzielny rząd ikon platform społecznościowych (jedna sekcja na stronę). Wygląd to Ikony (pełna kontrola kształtu i palety) lub Aplikacje (każda platforma jako kolorowe kółko z logo). Tryb to W linii (w przepływie strony) lub Przypięte (zakotwiczone do lewej lub prawej krawędzi ekranu, zawsze widoczne podczas przewijania), z opcją powrotu do trybu w linii na urządzeniach mobilnych. Obsługiwane platformy: Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp i Telegram, każda wpisywana jako nazwa użytkownika (WhatsApp jako numer telefonu). Ustawienia: rozmiar ikony (12–64 px), odstęp (0–48 px), wyrównanie, kształt (brak, koło, zaokrąglony, kwadrat), styl wypełnienia (pełny lub kontur), rozmiar kontenera (26–80 px), paleta (kolory marki, mono lub własny kolor hex) oraz efekt po najechaniu (brak, marka, powiększenie, podniesienie, przezroczystość).
Własny kod
Sekcja na surowy HTML, CSS i JavaScript (do 5000 znaków każdy, maksymalnie 2 na stronę). Twój HTML wyświetla się w unikalnym kontenerze, CSS jest automatycznie ograniczony do tego kontenera, więc nie wpływa na inne sekcje, a JavaScript działa w odizolowanym zakresie z przekazanym kontenerem, ładowany po przygotowaniu strony. Przydatne do widgetów i osadzania zewnętrznych usług.
FAQ
Akordeon z pytaniami i odpowiedziami. Dostępny na stronach głównej i produktu. Ustaw schemat kolorów, szerokość (strona lub pełna) i odstępy.
Sekcje stron systemowych
Każda strona systemowa ma jedną wymaganą sekcję, która definiuje jej główną funkcję. Nie można jej usunąć, można tylko konfigurować, ale wokół niej możesz dodać sekcje Tekst, Obraz, Separator i inne dostępne na każdej stronie.
- Produkty kolekcji (strona kolekcji): siatka produktów z kolekcji. Ustaw liczbę kolumn na komputerze i telefonie (1 lub 2), odstępy, szerokość, schemat kolorów i układ karty produktu.
- Wyniki wyszukiwania (strona wyszukiwania): siatka wyników, korzystająca z tych samych ustawień siatki i karty produktu co Produkty kolekcji.
- Kontakt (strona kontaktu): formularz z polami na imię, e-mail, temat i wiadomość. Ustaw odstępy między polami, etykietę przycisku wyślij i jego styl (główny lub dodatkowy). Wokół formularza możesz dodać bloki Tekst i Grupa.
- Koszyk (strona koszyka): koszyk z pozycjami, podsumowaniem i przejściem do kasy.
- Kasa (strona kasy): proces składania zamówienia z polami klienta i płatności.
- Potwierdzenie zamówienia (strona podziękowania): podsumowanie po zakupie z informacjami o zamówieniu, kliencie, podsumowaniem i wybranymi metodami dostawy oraz płatności.
- Polityka (strona polityki): wyświetla treść Twojej strony prawnej (tytuł i treść). Tekst polityki wpisujesz w ustawieniach sklepu, ta sekcja odpowiada tylko za jej wygląd.
- 404 (strona 404): sekcja strony nieznalezionej z nagłówkiem, opisem i przyciskiem powrotu do strony głównej.
Sekcje strony głównej, produktu i landing page opisujemy w Sekcje strony głównej oraz Sekcje produktu i landing page. O nagłówku, stopce i pasku ogłoszeń przeczytasz w Sekcje globalne.