Grupa to pojemnik, który zawiera inne bloki i je rozmieszcza. Używaj jej, aby ustawiać elementy obok siebie, tworzyć kolumny lub dać części sekcji własne tło i obramowanie.
Gdzie możesz używać grup
Wiele sekcji przyjmuje blok Grupa: stopka, newsletter, baner główny, slajdy pokazu slajdów, FAQ, przed i po, opinie, kontakt, 404, potwierdzenie zamówienia, zwijane wiersze oraz obszar tekstu list produktów, takich jak polecane produkty i kolekcje. Każda sekcja decyduje, jakie bloki mogą trafić do jej grup i ile grup przyjmuje.
Aby dodać grupę w kreatorze, zaznacz sekcję, kliknij Dodaj nowy blok i wybierz Grupa. Następnie przeciągnij do niej inne bloki. Niektóre sekcje (stopka, newsletter, opinie) pozwalają też umieścić grupę w grupie.
Układ
- Szerokość: Wypełnij zajmuje wolne miejsce i dzieli je po równo z innymi grupami Wypełnij obok. Dopasuj jest tak szeroka jak jej zawartość. Niestandardowy ustawia Niestandardowa szerokość w procentach.
- Kierunek: Pionowy układa bloki jeden pod drugim, Poziomy obok siebie. Bloki obok siebie przechodzą do nowego wiersza, gdy brakuje miejsca.
- Ułóż pionowo na urządzeniach mobilnych (tylko Poziomy): na telefonach bloki układają się jeden pod drugim.
- Pozycja: rozmieszcza bloki w pionie (Góra, Środek, Dół).
- Wyrównanie: rozmieszcza bloki od lewej do prawej (Lewo, Środek, Prawo).
- Odstęp między: rozsuwa bloki z równymi odstępami między nimi. Jest dostępny w kierunku, w którym płyną bloki: w Pozycji dla grupy pionowej, w Wyrównaniu dla grupy poziomej.
Wygląd
- Użyj schematu kolorów rodzica: domyślnie włączone, więc grupa używa kolorów sekcji. Wyłącz je i wybierz Schemat kolorów, aby nadać grupie własne kolory tła i tekstu.
- Obramowanie: Brak lub Jednolity. Jednolity dodaje Grubość obramowania (od 1 do 20 pikseli) i Przezroczystość obramowania. Kolor to kolor obramowania ze schematu.
- Promień zaokrąglenia: zaokrągla narożniki, od 0 do 100 pikseli.
- Nakładka tła: dodaje warstwę koloru na tło. Ustaw Kolor nakładki i Styl nakładki: Jednolity lub Gradient, który przechodzi w przezroczystość, z ustawieniem Kierunek gradientuW górę lub W dół. Przydaje się, aby tekst był czytelny na obrazie banera.
Odstępy
Odstęp to przestrzeń między blokami w grupie (od 0 do 100 pikseli). Wypełnienie wewnętrzny to przestrzeń między krawędzią grupy a jej blokami, z każdej strony.
Przepisy
- Dwa przyciski obok siebie na banerze: umieść oba w grupie Poziomej z małym odstępem.
- Trzy kolumny w stopce: grupa Pozioma z trzema elementami Wypełnij w środku i włączonym Ułóż pionowo na urządzeniach mobilnych.
- Karta: grupa Pionowa z własnym schematem kolorów, obramowaniem Jednolitym, zaokrągleniem i odstępem wewnętrznym.
- Tekst po lewej, przycisk po prawej: grupa Pozioma z Wyrównaniem ustawionym na Odstęp między.
Warto wiedzieć
- Jedna kolumna jest szersza, niż chcesz: dwie grupy Wypełnij dzielą miejsce po równo. Ustaw jedną na Niestandardowy i podaj procent.
- Grupa się nie wyświetla: grupa bez bloków albo tylko z ukrytymi blokami nie jest pokazywana w sklepie.
- Grupy nie ma na liście bloków: ta sekcja nie przyjmuje grup albo osiągnęła limit grup.
- Ustawienia bloków Tekst, Przycisk i Separator są w artykule Bloki Grupa, Tekst, Przycisk i Separator: jak działają ustawienia komponentów układu?.