Popup
1. Vytvoření nové sekce
2. Nastavení sekci třídu "section-popup"
3. Nastavení ID sekci (libovolný text)
4. Vytvoření obsahu pro popup
5. Vytvoření textového odkazu, tlačítka, atd... pro otevření popup pomocí odkazu navázaného na kotvu:
 

Popup s grafikou šipky
1. Do popupu se na sekci vloží třída section-popup last-row-shifted

Tím se šipka zasune pod formulář. Vidět je to jen na front-endu.

Sdílená šablona - popup Zpracování osobních údajů

Tato sekce je sdílená napříč webem, aby změny v ní bylo možné propsat najednou na všechny stránky.

  1. Do stránky ji vložíte widgetem Sekce. Jméno sdílené šablony Zpracování osobních údajů.
  2. Sekce má nastaveno ID zpracovani-osobnich-udaju - odkaz na popup vytvoříte jednoduše touto kotvou na dané strán: #zpracovani-osobnich-udaju

Zpracování osobních údajů

Tímto uděluji souhlas společnosti Českomoravská stavební spořitelna, a.s., se sídlem: Vinohradská 3218/169, P.O.Box 117, 100 17 Praha 10, IČO 49241397 (dále jen „ČMSS“), se zpracováním osobních údajů v dále uvedeném rozsahu.

Budeme oprávněni vaše údaje analyzovat, přitom budeme mít možnost využít i automatizované zpracování, a na základě toho se rozhodovat a nabízet vám služby z portfolia ČMSS i našich obchodních partnerů, které pečlivě vybíráme. Dle vašich preferencí vás můžeme marketingově oslovit různými formami, například prostřednictvím e-mailu, telefonicky nebo SMS.

Dohromady můžeme zpracovávat vaše osobní údaje i další informace, které jsme shromáždili, stejně tak veřejné údaje i údaje od třetích stran. Bude se jednat například o e-mailovou adresu, věk, sociodemografická data, informace, které zveřejníte na sociálních sítích, zeměpisnou polohu, údaje poskytnuté na zákaznických linkách, údaje získané na základě analýz a údaje z internetových stránek a aplikací. Na základě tohoto souhlasu nebudeme zpracovávat citlivé údaje.

Vaše údaje budeme moci používat po dobu 1 roku od udělení tohoto souhlasu. Pokud si přejete souhlas odvolat, obraťte se na Zákaznické centrum ČMSS, tel. č. 225 225 225, e-mail info@cmss.cz.

Způsob zpracování Vašich osobních údajů a uplatnění Vašich práv naleznete v Informačním memorandu dostupném na www.cmss.cz/osobni-udaje.

Sekce s taby (záložkami) a question-answer zavíracími bloky
První řádek sekce slouží pro vyskládání odkazů, další řádky sekcí slouží jako bloky otázek a odpovědí.

1. Vytvoření nové sekce
2. Přesuneme čtyři textové bloky do prvního řádku a blokům nastavíme class "section-tab-link" pomocí textu vytvoříme odkaz na danou stránku, aktivnímu odkazu přidáme třídu "is-active", tím se zbarví do červena.
2. Vyskládáme pod sebou libovolný počet řádků (řádek může obsahovat takřka cokoliv - text, výpis, obrázek, galerii, atd...)
3. Bloku který má sloužit jako otázka (bude vždy vidět) nastavíme třídu "block-question"
4. Bloku který slouží pro odpověď (bude vidět pouze po rozkliknutí) nastavíme třídu "block-answer"

Pozn.: Na jednotlivé otázky lze odkazovat, při otevření otázky se změní odkaz za hashem, výsledný odkaz tedy bude například: https://cmss.cz/faq#nazev-prvni-otazky

Nadpis

Název první otázky (block-question)

zobrazit

(block-answer) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur bibendum justo non orci. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante.

Lorem Ipsum otázka

zobrazit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur bibendum justo non orci. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante.

Skrývací tlačítko

  1. Skrývání funguje v sekci-boxu se třídou "inner-section"
  2. Vložit na tlačítko třídu "button-show-block" (tlačítko nikam jinam neodkazuje)
  3. Zbylé bloky do konce sekce se na frontendu skryjí 
  4. Sekce pod tlačítkem je dobré začít dělící čárou (po kliknutí na tlačítko tlačítko zmizí a nahrají jej čára)

Pozn. Pokud odkazujete na kotvu uvnitř skryté části stránky: odkazu ktery je na obrazku nastavit nejaky odkaz na kotvu kam ma smerovat ve skrytych blocich + nejakemu bloku upravit v kodu (pridat mu id="odkaz_z_kotvy") tedy v pripade stranky doplnkove-penzijni-sporeni - priradit obrazku odkaz na kotvu #tabulka a nadpisu Kolik si naspořím přes kód přidat id="tabulka"

Viz /doplnkove-penzijni-sporeni

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae porta enim. Donec bibendum eros eleifend tellus eleifend ultrices. Ut vehicula porttitor magna nec dapibus. Praesent bibendum sem dui, id venenatis dui mattis at. In consequat, lectus elementum mollis tempus, libero felis luctus enim, quis sagittis mauris velit id dui. Morbi mollis et enim quis condimentum.

Skrytý text
Skrytý text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae porta enim. Donec bibendum eros eleifend tellus eleifend ultrices. Ut vehicula porttitor magna nec dapibus. Praesent bibendum sem dui, id venenatis dui mattis at. In consequat, lectus elementum mollis tempus, libero felis luctus enim, quis sagittis mauris velit id dui. Morbi mollis et enim quis

zobrazit více


Skrytý text
Skrytý text