Tuto5: Utilisation de l'Outil Accordion

Lorsque vous cliquez sur le bouton INSERT ELEMENT, "Accordion" est le 1er outil:

Cet outil pourrait vous permettre de fournir des infos sur votre site d'une façon assez particulière. Mais je vais donner une idée pratique de ce que cela peut vous permettre de faire: créer une FAQ dynamique pour votre site. Mais vous pouvez bien sûr faire preuve d'imagination et l'utiliser pour présenter un certain type d'information sur une section ou page de votre site.

 

Voici un exemple de résultat que l'outil "Accordion" permet d'avoir:

Et lorsque le visiteur clique sur une question, le contenu de la question apparaît, comme sur cette image où j'ai cliqué sur la 1ère question:

Par défaut, le contenu de la question n°1 est déjà déroulé parce que le réglage est par défaut sur 1. Donc si vous ne changez pas le réglage, votre visiteur verra la 1ère question ouverte comme sur l'image ci-dessus.

Mais vous pouvez le régler de sorte à ce que n'importe quel autre question de la liste soit déroulée. Je prends par exemple la question 2:

Résultat:

Ou même mettre sur "0" pour que toutes les questions soient fermées et que le visiteur les déroule lui-même, comme ceci: 

Toujours dans l'onglet "Styling", il y a une autre fonction sur laquelle nous allons nous pencher: celle qui nous permet d'accepter ou non que plusieurs questions soient déroulées en même temps.

J'ai crée deux colonnes sur la page pour vous présenter les FAQ selon qu'on aura activé ou non l'affichage de plusieurs réponses en même temps.

Celui de gauche: multiples affichages activé

 

& celui de la droite, l'affichage multiple n'est pas activée.

Maintenant, voyons ce que cela donne comme résultat lorsqu'on tente d'ouvrir la question 2 après avoir ouvert la question 1:

Voilà pour ce qui est de l'essentiel à savoir sur cet outil.

NB 1: Vous pouvez en ajoutant des questions (ou éléments), laisser sur le réglage par défaut pour que rien n'apparaisse comme icône près des questions. Ou mettre des icônes de votre choix.

Exemples:

La fonction animation que nous avons vu dans le précédent tuto est aussi présente dans cet outil. Vous pourrez donc l'utiliser pour donner plus de vie à votre contenu présenté avec l'outil "Accordion".

Il en est de même pour la fonction "wrapper background color" dans l'onglet "Advance" que nous avons vu dans le précédent tuto et que vous pourrez aussi utiliser dans l'outil "Accordion".

 

Merci et @ bientôt!

 

Commenter

Vous devez être membre de EBIZERS pour ajouter des commentaires !

DEVENEZ V.I.P.

Évènements

Forum de discussion

Le Tuto 5 est Maintenant Disponible!

Démarrée par DEDO ABEL FABRICE 20 janv. 2016. 0 Répond

Le Tuto 4 est Maintenant Disponible!

Démarrée par DEDO ABEL FABRICE 19 janv. 2016. 0 Répond

3 Nouveaux Tutos Utiles Pour Un Bon Démarrage!

Démarrée par DEDO ABEL FABRICE 17 janv. 2016. 0 Répond

PUB - 200x200

© 2019   Réalisé par DEDO ABEL FABRICE.   Sponsorisé par

Personnaliser votre badge  |  Signaler un problème  |  Conditions d'utilisation