Attention ! Cette explication est basée sur l'un de nos designs Professional plus récents.
Nous allons modifier les éléments suivants.
Étape 1 - Trouver ma page.
- Allez dans le back-end de votre boutique (le CMS)
- Allez ensuite dans "paginabeheer" (gestion des pages) puis, à gauche, dans "tekstpagina's" (pages de texte)
- Recherchez ensuite la bonne page de texte
- Cliquez sur (Wijzigen) (Modifier)
Étape 2 - Modifier le HTML
- Faites défiler vers le bas jusqu'au contenu de la page
- Cliquez ici sur "Code"
- Supprimez tout ce qui s'y trouve
- Collez-y ensuite le code ci-dessous
<h2>Questions fréquentes</h2><div id="accordion"> <div class="group"> <h3>Titre</h3> <div> <p>Texte</p> </div> </div></div>
- Vous voyez maintenant votre morceau de code
- Vous pouvez modifier la partie du milieu
- Titre est le titre et texte est le texte
<div id="accordion"> <div class="group"> <h3>Titre</h3> <div> <p>Texte</p> </div> </div></div>
- Ceci est 1 groupe de l'accordéon.
- Si vous l'enregistrez, voici à quoi cela ressemble dans la boutique.
Étape 3 - Ajouter plusieurs éléments d'accordéon
- Ouvrez à nouveau votre morceau de code. Il ressemble à ceci
- Pour ajouter un groupe, dupliquez la partie de
<div class="group"> <h3>Titre</h3> <div> <p>Texte</p> </div> </div>
- Collez-la sous l'autre groupe ; cela ressemble alors à ceci.
<h2>Questions fréquentes</h2><div id="accordion"> <div class="group"> <h3>Titre</h3> <div> <p>Texte</p> </div> </div> <div class="group"> <h3>Titre</h3> <div> <p>Texte</p> </div> </div></div>
Pour que ce soit encore plus clair, voici un autre exemple
Tout ce qui l'entoure est le regroupement de vos éléments d'accordéon. C'est ainsi qu'ils restent ensemble.
- Vous pouvez ensuite cliquer à nouveau sur code
- Vous voyez maintenant le résultat.
- Vous pourriez maintenant éventuellement styliser votre code de cette manière.
- Cliquez ensuite sur enregistrer en bas de la page
Vous pouvez maintenant voir le résultat ; voici à quoi il ressemble.
