Achtung! Diese Erklärung basiert auf einem unserer neueren Professional-Designs.
Wir passen Folgendes an.
Schritt 1 - Meine Seite finden.
- Gehe zum Back-end deines Webshops (das CMS)
- Gehe anschließend zu "paginabeheer" (Seitenverwaltung) und dann links zu "tekstpagina's" (Textseiten)
- Suche hier anschließend die richtige Textseite
- Klicke auf (Wijzigen) (Bearbeiten)
Schritt 2 - Das HTML anpassen
- Scrolle nach unten, bis du zum Seiteninhalt gelangst
- Klicke hier auf "Code"
- Lösche alles, was dort steht
- Füge dann das Folgende dort ein
<h2>Häufig gestellte Fragen</h2><div id="accordion"> <div class="group"> <h3>Titel</h3> <div> <p>Text</p> </div> </div></div>
- Du siehst nun dein Stück Code
- Den Teil in der Mitte darfst du anpassen
- Titel ist der Titel und Text ist der Text
<div id="accordion"> <div class="group"> <h3>Titel</h3> <div> <p>Text</p> </div> </div></div>
- Das ist 1 Gruppe des Akkordeons.
- Wenn du dies speicherst, sieht es im Webshop so aus.
Schritt 3 - Mehrere Akkordeon-Elemente hinzufügen
- Öffne dein Stück Code erneut. Es sieht so aus
- Um eine Gruppe hinzuzufügen, duplizierst du den Teil von
<div class="group"> <h3>Titel</h3> <div> <p>Text</p> </div> </div>
- Diesen fügst du unter der anderen Gruppe ein; das sieht dann so aus.
<h2>Häufig gestellte Fragen</h2><div id="accordion"> <div class="group"> <h3>Titel</h3> <div> <p>Text</p> </div> </div> <div class="group"> <h3>Titel</h3> <div> <p>Text</p> </div> </div></div>
Um es noch etwas deutlicher zu machen, habe ich hier noch ein Beispiel
Alles, was hier drumherum steht, ist die Gruppierung deiner Akkordeon-Elemente. So hält es diese zusammen.
- Anschließend kannst du erneut auf Code klicken
- Nun siehst du das Ergebnis.
- Du könntest deinen Code jetzt auf diese Weise gestalten.
- Klicke anschließend unten auf der Seite auf Speichern
Nun kannst du dir das Ergebnis ansehen; es sieht so aus.
