Page 03

Onglets et accordéons

Widgets qui répartissent un contenu en plusieurs volets dont un seul, ou une partie seulement, est visible à la fois.

03.01

Onglets

Elementor

Contenus répartis en onglets. Chaque onglet accueille n’importe quel widget. Les onglets se placent au-dessus, en dessous, à gauche ou à droite.

Contenu du premier onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du deuxième onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du troisième onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.01-a

Onglets verticaux à gauche

Contenu du premier onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du deuxième onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du troisième onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.01-b

Onglets étirés sur toute la largeur

Contenu du premier onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du deuxième onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du troisième onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.02

Accordéon

Elementor

Liste d’éléments repliables. Le clic sur un titre déplie son contenu. Chaque élément accueille n’importe quel widget.

Élément 1

Contenu du premier élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du deuxième élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du troisième élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.02-a

Tous les éléments fermés au chargement

Contenu du premier élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du deuxième élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du troisième élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.02-b

Plusieurs éléments ouverts en même temps

Élément 1

Contenu du premier élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du deuxième élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du troisième élément. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.03

Tabs

JetTabs

Onglets dont le contenu est un texte ou un modèle Elementor. Changement au clic ou au survol, défilement automatique possible.

Contenu du premier onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.03-a

Onglets à gauche

Contenu du premier onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.03-b

Changement au survol

Contenu du premier onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.03-c

Défilement automatique toutes les 3 secondes

Contenu du premier onglet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.04

Classic Accordion

JetTabs

Accordéon dont chaque volet contient un texte ou un modèle Elementor. Un seul volet ouvert à la fois par défaut.

Volet 1

Contenu du premier volet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du deuxième volet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du troisième volet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.04-a

Volets indépendants

Chaque volet s’ouvre et se ferme sans refermer les autres.

Volet 1

Contenu du premier volet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du deuxième volet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

Contenu du troisième volet. Ce texte d’exemple occupe deux à trois lignes pour montrer le rendu d’un paragraphe dans cet emplacement.

03.05

Image Accordion

JetTabs

Série d’images en bandes. L’image survolée s’élargit et affiche son titre, son texte et son lien.

03.05-a

Bandes horizontales

03.05-b

Titres toujours visibles

03.06

Switcher

JetTabs

Interrupteur à deux positions qui bascule entre deux contenus, par exemple deux grilles tarifaires.

Option A

Contenu affiché quand l’interrupteur est sur l’option A.

03.06-a

Présentation 2

Option A

Contenu affiché quand l’interrupteur est sur l’option A.

03.07

Unfold

JetTricks

Contenu dont seul le début est visible. Un bouton affiche la suite, puis permet de la replier.

Ce texte est partiellement masqué. Les premières lignes restent visibles et un bouton permet d’afficher la suite.

Deuxième paragraphe, visible après dépliage. Il illustre la partie du contenu qui reste cachée tant que le visiteur n’a pas cliqué sur le bouton.

Troisième paragraphe, également masqué au chargement de la page.

Afficher la suite
03.07-a

Séparation en dégradé

Ce texte est partiellement masqué. Les premières lignes restent visibles et un bouton permet d’afficher la suite.

Deuxième paragraphe, visible après dépliage. Il illustre la partie du contenu qui reste cachée tant que le visiteur n’a pas cliqué sur le bouton.

Troisième paragraphe, également masqué au chargement de la page.

Afficher la suite
03.08

Read More

JetTricks

Bouton qui révèle une ou plusieurs sections de la page masquées au chargement.

Ce paragraphe est visible au chargement. La section qui suit est masquée jusqu’au clic sur le bouton.

Lire la suite

Section révélée par le bouton. Elle peut contenir n’importe quel widget.

03.09

Off-Canvas

Elementor Pro

Panneau qui s’ouvre par-dessus la page au clic sur un bouton ou un lien. Il accueille n’importe quel widget.

03.09-a

Panneau à droite