Block : titre

Contenu

• Title (texte) : le titre optionnel de la section
• Lines (groupe répétable) : les différentes lignes de carrousels animées au scroll. Chacune se compose :
  – Line height lg (nombre) et line height unit lg (choix) : la hauteur du carrousel version desktop
  – Line height sm (nombre) et line height unit sm (choix) : la hauteur du carrousel version mobile
  – Line classes (texte) : classe(s) css à appliquer à la ligne
  – Line background (couleur) : couleur de fond de la ligne
  – Bottom margin (nombre) : marge inférieur de la ligne, en rem, utile pour contrôler  l’espacement entre les différents carrousels
  – Content (groupe répétable) : définit les contenus constitutifs de cette ligne/carrousel.

Pour chaque élément de contenus :

• Type (choix) : définit s’il s’agit d’une image ou de contenu riche
• Classes (texte) : attribue une ou plusieurs classes css à cet item
• Link (url) et Open in new tab (choix) : attribue une url à cet item, en spécifiant ou non au lien de s’ouvrir dans une nouvelle fenêtre
• Image (image) : si le type image est sélectionné, l’image à associer à cet item. Les images occuperont toute la hauteur de la ligne définie précédemment
• Content (contenu) : si le type content est sélectioné, le contenu à associer à cet item. Ce type fait apparaitre d’autres options :
  – Classes inner (texte) : classes css à associer au container interne de cet item
  – Width lg et sm (nombre), Width unit lg et sm (choix) : définit la largeur et les unités de largeur de la zone de contenu sur desktop et mobile
  – Background color (couleur) : définit la couleur de fond de la zone de contenu,
  – Text color (couleur) et Title color (couleur) : définissent la couleur des textes et des titres de la zone de contenu

Important : il est recommandé de ne pas trop insérer d’éléments sur chaque ligne, pour optimiser leur visibilité/lisibilité. Un nombre entre 3 et 6 items par lignes est optimal.

Réglages

Ce block ne possède pas de réglages propres.

Exemples d’utilisation

Page d’exemple