Sekcje a bloki
Sekcja to wiersz zajmujący pełną szerokość strony. Sekcje układają się pionowo i można je zmieniać kolejność, ukrywać lub usuwać. Blok to element treści wewnątrz sekcji: blok tekstowy, obraz, przycisk lub grupa układu. Niektóre sekcje zawierają stały zestaw bloków (jak nagłówek), podczas gdy inne pozwalają swobodnie dodawać, usuwać i zmieniać kolejność bloków.
Sekcje globalne (pojawiają się na każdej stronie)
Pasek ogłoszeń
Wąski pasek promocyjny na górze strony. Możesz dodać do 7 indywidualnych komunikatów ogłoszeń, każdy z własnym tekstem. Komunikaty cyklicznie wyświetlają się w dwóch trybach: Ticker (ciągłe poziome przewijanie) lub Slider (wyraźne przejścia z konfigurowalnym interwałem 2-10 sekund). Dodatkowe opcje to kierunek tekstu (od lewej do prawej lub od prawej do lewej), znak separatora między komunikatami tickera, rozmiar czcionki (10-30 px) i schemat kolorów. Możesz dodać maksymalnie 2 paski ogłoszeń na stronę.
Nagłówek
Główny pasek nawigacyjny. Zawiera pięć stałych bloków, których nie można dodawać, usuwać ani zmieniać kolejności, tylko konfigurować:
- Logo: wyświetla wizerunek marki sklepu. Ustaw pozycję (lewa, środkowa lub prawa), szerokość (20-300 px), wysokość (20-300 px) i padding.
- Menu: menu nawigacyjne. Wybierz menu utworzone w sekcji Menu, a następnie ustaw jego poziomą pozycję, wiersz nagłówka (górny lub dolny), typ wyświetlania (szuflada, mega menu lub rozwijane) i schemat kolorów dla panelu rozwijanego. Opcja paska menu dodaje pełnej szerokości kolorowy pasek za dolnym wierszem.
- Wyszukiwarka: ikona wyszukiwarki otwierająca nakładkę wyszukiwania produktów. Ustaw jej poziomą pozycję (lewa lub prawa) i wiersz.
- Koszyk: ikona koszyka z odznaką liczby produktów. Opcje typu wyświetlania: Szuflada (panel boczny), Rozwijane (mini koszyk w nagłówku) lub Strona (przekierowuje do pełnej strony koszyka). Każdy typ ma własny selektor schematu kolorów.
- Lokalizacja: selektor kraju i języka dla sklepów wielorynkowych. Przełącz wyświetlanie nazwy i flagi kraju oraz ustaw pozycję i wiersz.
Ustawienia na poziomie nagłówka obejmują: Zachowanie przyklejenia (Przewijanie (inteligentne przyklejanie: chowa się podczas przewijania w dół, pojawia się ponownie przy przewijaniu w górę), Zawsze (trwale przyklejony na górze), Zmniejsz (kurczy się przy przewijaniu) lub Nigdy (przewija się ze stroną)), plus Szerokość (ograniczona do strony lub od krawędzi do krawędzi), schemat kolorów, padding górny i dolny oraz pole niestandardowego CSS. Maksymalnie 1 nagłówek na stronę.
Stopka
Dolna sekcja każdej strony. Możesz dodawać, usuwać i zmieniać kolejność bloków wewnątrz stopki. Dostępne bloki stopki:
- O nas: obszar historii marki zawierający logo, bloki tekstowe, dane kontaktowe i opcjonalne grupy układu. Obsługuje kontrolki kierunku, wyrównania, odstępów, szerokości i paddingu. Maksymalnie 1 w stopce.
- Menu: menu nawigacyjne wyświetlane jako lista linków. Wybierz menu utworzone w sekcji Menu. Maksymalnie 1 w stopce.
- Ikony mediów społecznościowych: wiersz ikon platform społecznościowych. Obsługiwane platformy: Facebook, Instagram, Threads, X (Twitter), TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp i Telegram. Skonfiguruj rozmiar ikon (12-64 px), odstęp (0-48 px), kształt (brak, koło, zaokrąglone lub kwadrat), styl wypełnienia kształtu (płaski lub konturowy), rozmiar kontenera (26-80 px), paletę kolorów (kolory marki, monochromatyczne lub niestandardowy kolor) i efekt najechania (brak, marka, skalowanie, unoszenie lub krycie). Maksymalnie 1 w stopce.
- Ikony płatności: automatycznie wyświetla ikony włączonych metod płatności (Visa, Mastercard, PayPal, Stripe, Apple Pay itd.). Nie wymaga konfiguracji. Maksymalnie 1 w stopce.
- Linki do polityk: linki do stron prawnych (Polityka prywatności, Warunki użytkowania, Polityka zwrotów, Polityka wysyłki), generowane automatycznie z polityk sklepu. Ustaw rozmiar czcionki (12-20 px) i wielkość liter (domyślna lub wielkie litery). Maksymalnie 1 w stopce.
- Prawa autorskie: wyświetla rok praw autorskich i nazwę sklepu z opcjonalną linią 'Obsługiwane przez Storeep'. Ustaw rozmiar czcionki (12-20 px), wielkość liter i czy wyświetlać atrybucję Storeep. Maksymalnie 1 w stopce.
- Tekst, Separator i Grupa: te same komponenty układu dostępne w innych sekcjach. Zobacz Komponenty układu po szczegóły.
Sekcje strony głównej
Hero
Sekcja banera zajmująca cały ekran z tłem multimedialnym (obraz lub wideo). Dwa tryby wyświetlania: Pojedynczy (jedno tło) i Podzielony (dwa panele multimedialne obok siebie). Predefiniowane wysokości: Mały (50% wysokości ekranu), Średni (70%), Duży (90%), Pełnoekranowy (pełna wysokość ekranu), Obraz (przyjmuje naturalny rozmiar mediów, aby cały obraz był widoczny) lub Niestandardowy (definiowany przez użytkownika procent). Bloki treści nakładają się na media i obsługują te same kontrolki układu co grupa: kierunek, wyrównanie, odstęp i padding. Nad mediami można zastosować nakładkę z jednolitym lub gradientowym wypełnieniem. Po umieszczeniu bezpośrednio za nagłówkiem z włączoną opcją Przezroczysty nagłówek nagłówek wtapia się w hero i używa jego schematu kolorów.
Wyróżnione produkty
Siatka lub karuzela produktów z katalogu. Opcje źródła: Ręczne (sam wybierasz produkty), Najnowsze (ostatnio dodane produkty) lub Bestsellery (produkty posortowane według wolumenu sprzedaży). Skonfiguruj liczbę kolumn na komputerze (1-8), kolumny na telefonie (1 lub 2), odstęp między kartami, szerokość sekcji i schemat kolorów. Zawiera blok karty produktu definiujący układ każdej karty (obraz, tytuł, cena, ocena i przycisk zakupu) oraz opcjonalne bloki tekstu i separatora nad lub pod siatką.
Pokaz slajdów
Karuzela obrazów lub wideo zajmująca pełną szerokość. Każdy slajd może mieć własne tło multimedialne, nakładkę i bloki treści (tekst, przycisk, grupa i separator). Do 7 slajdów na pokaz slajdów, z maksymalnie 2 sekcjami pokazu slajdów na stronę. Dostępne tylko na stronie głównej.
Newsletter
Formularz subskrypcji e-mail. Tryby wyświetlania: Wbudowany (osadzony na stronie) lub Stały (pływający widget zakotwiczony w dolnym rogu). Bloki wewnątrz to tekst (nagłówki i opisy), pole e-mail (z opcjonalną etykietą, symbolem zastępczym i informacją o prywatności), przycisk subskrypcji (ikona lub etykieta tekstowa, z opcją wizualnego połączenia z polem wprowadzania), separatory i grupy. Możesz również skonfigurować nagłówek sukcesu i wiadomość wyświetlane po zapisaniu się.
Sekcje strony produktu
Informacje o produkcie
Główna sekcja szczegółów produktu. Zawiera galerię mediów produktu (obrazy i filmy), obszar szczegółów produktu (tytuł, cena, odznaka oszczędności, warianty, formularz zakupu, przycisk zamówienia WhatsApp i minutnik) oraz blok opisu produktu. Formularz zakupu obsługuje układ wbudowany lub wyskakujący, przełącznik podsumowania zamówienia, niestandardowy tekst nagłówka i podnagłówka, niestandardowe etykiety przycisków dla Dodaj do koszyka i Kup teraz, hak wiadomości prezentowej i minutnik wygaśnięcia rabatu. Ta sekcja jest wymagana na stronie produktu.
Powiązane produkty
Siatka produktów powiązanych z aktualnie przeglądanym, na podstawie tej samej kolekcji lub ręcznie wyselekcjonowanych. Używa tego samego systemu kart produktów co sekcja Wyróżnione produkty.
Recenzje
Wyświetla recenzje klientów dla bieżącego produktu. Zawiera blok podsumowania recenzji (średnia ocena gwiazdkowa, łączna liczba recenzji i opcjonalne paski rozkładu gwiazdek) oraz blok formularza recenzji (przycisk otwierający panel przesyłania recenzji). Recenzje są moderowane przed publikacją.
Sekcje strony docelowej
Informacje strony docelowej
Sekcja sprzedaży produktu dla stron docelowych. Podobna do Informacji o produkcie, ale zaprojektowana dla dedykowanej strony sprzedaży: łączy formularz produktu, media, opis i powiązane bloki treści w jednym skoncentrowanym układzie. Ta sekcja jest wymagana na stronie docelowej.
Sekcje strony kolekcji
Produkty kolekcji
Siatka produktów dla strony kolekcji. Wyświetlane produkty pochodzą z kolekcji, do której przeszedł kupujący. Możesz skonfigurować kolumny na komputerze (1-8), kolumny na telefonie (1 lub 2), odstęp między kartami, opcje sortowania, pasek boczny filtrowania i układ karty produktu. Ta sekcja jest wymagana na stronie kolekcji.
Sekcje strony wyników wyszukiwania
Wyszukane produkty
Siatka produktów dla wyników wyszukiwania. Renderuje produkty pasujące do zapytania wyszukiwania kupującego. Używa tej samej konfiguracji karty i siatki co sekcja Produkty kolekcji. Ta sekcja jest wymagana na stronie wyszukiwania.
Sekcje strony kontaktu
Kontakt
Formularz kontaktowy z polami imię, e-mail, temat i wiadomość. Możesz dodać bloki tekstowe i grupy układu nad lub pod formularzem. Etykieta i styl przycisku wyślij (główny lub pomocniczy) są konfigurowalne. Przesłane wiadomości są wysyłane na adres e-mail Twojego sklepu. Ta sekcja jest wymagana na stronie kontaktu.
Sekcje dostępne na wszystkich stronach
Tekst
Samodzielna sekcja tekstowa dla nagłówka, akapitu lub sformatowanego bloku treści. Do 3 sekcji tekstowych na stronę. Zobacz Komponenty układu po wszystkie ustawienia tekstu.
Obraz
Samodzielna sekcja obrazu. Do 3 sekcji obrazu na stronę. Skonfiguruj szerokość, wyrównanie, współczynnik proporcji (automatyczny, pionowy 3:4, kwadratowy 1:1 lub poziomy 4:3), dopasowanie (pokrycie lub zawieranie), zaokrąglenie rogów, padding i opcjonalny link po kliknięciu.
Separator
Pozioma lub pionowa linia rozdzielająca. Do 10 sekcji separatora na stronę. Skonfiguruj grubość, długość (jako procent kontenera), styl zakończeń (ostry lub zaokrąglony), wyrównanie, schemat kolorów, szerokość (dopasowana lub wypełniająca) i padding. Zobacz Komponenty układu po szczegóły.
FAQ
Sekcja najczęściej zadawanych pytań w stylu akordeonu. Dodaj dowolną liczbę par pytanie-odpowiedź. Skonfiguruj schemat kolorów, szerokość sekcji i padding.
Niestandardowy kod
Sekcja dla surowego HTML, CSS i JavaScript. Twój HTML jest wstawiany wewnątrz unikalnego kontenera na stronie. CSS jest automatycznie ograniczany do tego kontenera, więc Twoje style nie mogą wpływać na inne sekcje. JavaScript działa w izolowanym zakresie i otrzymuje kontener jako jedyne odniesienie, ładowane po gotowości treści strony. Maksymalnie 2 sekcje niestandardowego kodu na stronę. Przydatne do osadzania widgetów stron trzecich, niestandardowych animacji lub wszystkiego, czego standardowe sekcje nie mogą wyrazić.