Přejít na obsah
Nápověda
Sekce a bloky editoru

Jak pomocí bloků Skupina umístit obsah vedle sebe nebo do sloupců?

Jak funguje blok Skupina: bloky vedle sebe nebo pod sebou, skupiny ve skupinách, směr, skládání na mobilu, pozice a zarovnání, mezera mezi, šířka vyplnit, přizpůsobit nebo vlastní, mezera, barevné schéma, ohraničení, zaoblení rohů, překrytí pozadí a vnitřní okraje.

3 minuty čtení

Skupina je box, který obsahuje jiné bloky a uspořádává je. Použijte ji, když chcete dát věci vedle sebe, vytvořit sloupce nebo dát části sekce vlastní pozadí a ohraničení.

Kde můžete skupiny použít

Blok Skupina přijímá mnoho sekcí: zápatí, newsletter, hlavní banner, snímky prezentace, FAQ, před a po, recenze, kontakt, 404, potvrzení objednávky, rozbalovací řádky a textová oblast seznamů produktů, jako jsou doporučené produkty a kolekce. Každá sekce rozhoduje, které bloky mohou být v jejích skupinách a kolik skupin přijme.

V editoru obchodu ji přidáte tak, že vyberete sekci, kliknete na Přidat nový blok a vyberete Skupina. Pak do ní přetáhněte jiné bloky. Některé sekce (zápatí, newsletter, recenze) dovolují dát i skupinu do skupiny.

Rozvržení

  • Šířka: Vyplnit zabere volné místo a rovnoměrně ho sdílí s dalšími skupinami Vyplnit vedle sebe. Přizpůsobit je jen tak široká jako její obsah. Vlastní nastaví Vlastní šířka v procentech.
  • Směr: Vertikální skládá bloky pod sebe, Horizontální je dává vedle sebe. Bloky vedle sebe se zalomí na nový řádek, když není dost místa.
  • Na mobilu skládat vertikálně (jen Horizontální): na telefonech se bloky složí pod sebe.
  • Pozice: umístí bloky svisle (Nahoře, Střed, Dole).
  • Zarovnání: umístí bloky vodorovně (Vlevo, Střed, Vpravo).
  • Mezera mezi: rozmístí bloky se stejnými mezerami mezi nimi. Nabízí se ve směru, kterým bloky plynou: v Pozici u vertikální skupiny, v Zarovnání u horizontální skupiny.

Vzhled

  • Použít nadřazené barevné schéma: ve výchozím stavu zapnuté, takže skupina používá barvy sekce. Vypněte ho a vyberte Barevné schéma, pokud chcete skupině dát vlastní barvy pozadí a textu.
  • Ohraničení: Žádné nebo Plný. Plný přidá Tloušťka ohraničení (1 až 20 pixelů) a Průhlednost ohraničení. Barva je barva ohraničení ze schématu.
  • Zaoblení rohů: zaoblí rohy, od 0 do 100 pixelů.
  • Překrytí pozadí: přidá barevnou vrstvu přes pozadí. Nastavte Barva překrytí a Styl překrytí: Plný, nebo Přechod, který přechází do průhledna, se Směr přechoduNahoru nebo Dolů. Hodí se, aby byl text čitelný přes obrázek v hlavním banneru.

Rozestupy

Mezera je prostor mezi bloky uvnitř skupiny (0 až 100 pixelů). Vnitřní okraj je prostor mezi okrajem skupiny a jejími bloky, na každé straně.

Recepty

  • Dvě tlačítka vedle sebe v hlavním banneru: dejte obě do horizontální skupiny s malou mezerou.
  • Tři sloupce v zápatí: horizontální skupina se třemi položkami Vyplnit uvnitř a zapnutým Na mobilu skládat vertikálně.
  • Karta: vertikální skupina s vlastním barevným schématem, plným ohraničením, zaoblením rohů a vnitřním okrajem.
  • Text vlevo, tlačítko vpravo: horizontální skupina se Zarovnáním nastaveným na Mezera mezi.

Dobré vědět

  • Jeden sloupec je širší, než chcete: dvě skupiny Vyplnit sdílejí místo rovnoměrně. Nastavte jednu na Vlastní a zadejte procenta.
  • Skupina se nezobrazuje: skupina bez bloků, nebo jen se skrytými bloky, se v obchodě nezobrazí.
  • Skupina není v seznamu bloků: tato sekce skupiny nepřijímá, nebo je dosažen její limit skupin.
  • Nastavení textu, tlačítka a oddělovače najdete v článku Bloky Skupina, Text, Tlačítko a Oddělovač: jak fungují nastavení prvků rozvržení?.

Stále potřebujete pomoc?

Napište nám a my vám odpovíme.

Kontaktujte nás