Możesz dostosować dowolną sekcję na swojej stronie internetowej do własnego stylu — zmienić sposób jej wyświetlania, ustawić tło (kolor, wzory, obrazy lub wideo), dodać efekty wizualne oraz tworzyć płynne przejścia między sekcjami za pomocą separatorów kształtów.
Aby edytować sekcję:
- Przejdź do sekcji, którą chcesz zmienić.
- Kliknij ikonę koła zębatego w tej sekcji.
- Wybierz jedną z dostępnych kart: Ustawienia, Tło lub Separatory kształtów (opcje różnią się w zależności od układu).
Ustawienia sekcji
Karta Ustawienia kontroluje wygląd i działanie sekcji.
Uwaga: Dostępne ustawienia zależą od typu strony i wybranego układu.
Najczęstsze ustawienia
- Pokaż/Ukryj tytuł sekcji
Pokaż lub ukryj tytuł sekcji.
- Liczba elementów w wierszu
Wybierz, ile elementów ma się wyświetlać w jednym wierszu.
Dostępne tylko na stronach z elementami wewnętrznymi i w niektórych układach.
- Kolor tła pola układu
Ustaw kolor tła pola tekstowego.
Dostępne tylko w układach, które zawierają pole tekstowe.
- Wyświetlanie na urządzeniach mobilnych
Określ, jak sekcja ma wyglądać na urządzeniach mobilnych.
Dostępne tylko na stronach z elementami wewnętrznymi i w niektórych układach.
Ustawienia strony głównej i strony promocyjnej
Strona główna i Strona promocyjna zawierają dodatkowe opcje specyficzne dla sekcji:
- Pozycja tekstu
Wybierz, gdzie ma się pojawić tekst (kierunek/wyrównanie).
- Minimalna wysokość
Ustaw wysokość sekcji (30%–100%).
- Szerokość obrazu
Kontroluj sposób wyświetlania obrazu.
Dostępne tylko w niektórych układach.
- Animacja obrazu (Parallax)
Dodaj animację przewijania do obrazu tła.
Dostępne tylko w niektórych układach.
- Styl ramki
Dodaj obramowanie do pola tekstowego.
Dostępne tylko w układach z polami tekstowymi.
Tło sekcji
Karta Tło umożliwia stylizowanie tła sekcji za pomocą koloru, wzoru, obrazu lub wideo.
Uwaga: Opcje tła są dostępne tylko w określonych układach.
Kolor tła (ikona pędzla)
Użyj ikony pędzla, aby wybrać kolor tła dla sekcji.
Wzory (ikona siatki)
Użyj ikony siatki, aby dodać wzór, a następnie dostosuj go:
- Kolor tła układu
Zmienia kolor tła znajdującego się pod wzorem.
- Motyw kolorystyczny
Ustawia styl kolorów wzoru:- Primary: warianty podstawowych kolorów Twojej strony
- Contrast: kontrastowy wariant koloru podstawowego
- Mono: wzór jednokolorowy
- Krycie kształtów
Określa poziom przezroczystości elementów wzoru.
- Animuj + Prędkość animacji
Włącz animację wzoru i dostosuj jej prędkość.
Obraz tła (ikona obrazu)
Użyj ikony obrazu, aby dodać obraz tła z biblioteki lub wgrać własny, a następnie dostosuj:
- Krycie
Kontroluje przezroczystość obrazu.
- Efekt
Wybierz sposób wyświetlania obrazu: Regular, Blurry lub Artistic Black & White.
- Parallax
Dodaje animację przewijania do obrazu tła. Możesz wybrać kierunek z listy, np. Up, Down, Up Left, Down Right i inne.
Dostępne tylko przy użyciu stylu obrazu Cover. - Styl
Wybierz, jak obraz ma wypełniać sekcję:- Cover: wypełnia sekcję
- Duplicate: powiela obraz na tle
- Contained: umieszcza obraz w określonym obszarze
- Pozycja
Ustawia miejsce wyświetlania obrazu.
Dostępne tylko dla stylów Duplicate i Contained.
- Kolor tekstu
Ustawia kolor tekstu dla tej sekcji (przydatne dla czytelności na tle obrazów).
Wideo w tle (ikona kamery wideo)
Użyj ikony kamery wideo, aby dodać film z biblioteki lub wgrać własny, a następnie dostosuj:
- Krycie
- Efekt: Regular, Blurry lub Artistic Black & White
- Kolor tekstu
Separatory kształtów między sekcjami
Użyj Separatorów kształtów, aby stworzyć płynne, stylowe przejście między sekcjami.
- Otwórz menu ikony koła zębatego sekcji.
- Przejdź do Separatorów kształtów.
- Wybierz styl separatora.
- Użyj suwaka Wysokość, aby dopasować jego rozmiar.
Separator zostanie dodany na dole wybranej sekcji. Dla pełniejszego efektu wizualnego możesz także dodać separator do sekcji znajdującej się powyżej.
Uwaga
Ustawienia sekcji, projekt tła oraz separatory kształtów nie są obecnie dostępne dla sklepu E-commerce.
