Haitarivalikkomoduuli mahdollistaa sisältölohkojen lisäämisen, jotka laajentuvat ja tiivistyvät kävijän painaessa eri elementtejä. Voit lisätä Haitarivalikkomoduulin valitsemalla Lisää moduuli -ikkunan kategoriasta Teksti ja rakenne kohdan Haitarivalikko.

Screen_Shot_2019-10-22_at_12.16.57.png

 

Siirrä osoitin moduulin ylle ja paina pudotusvalikossa kohtaa Sisältö, Ulkoasu tai Asetukset muokataksesi haitarivalikkomoduulia.

3__Accordion_p1-2.jpg

 

Sisältö

Kun lisäät uuden elementin haitarivalikkoon, näet seuraavat sisältöasetukset:

  • Otsikko: otsikko on ainoa teksti, joka näkyy elementin ollessa kutistettu.
  • Kuvake: tästä voidaan lisätä luetteloelementtiin yksilöllinen kuvake.
  • Teksti: teksti näkyy pelkästään luetteloelementin ollessa laajennettuna. Voit lisätä tekstiin perusmuotoilua, linkkejä, yleisten tietojen tunnisteita ja muuta.
  • Kuva: lisää kuva tiedostokirjastosta tai tietokoneelta. Voit lisätä kuvaan myös valinnaisen tekstin helppokäyttöisyyttä ja hakukoneoptimointia varten. Jos olet lisännyt sekä tekstin että kuvan, kuva asetetaan näkymään ennen tekstiä.
  • Painikkeen tunniste: lisää painikkeen tunniste, jolloin painike lisätään automaattisesti haitarivalikkomoduuliin. Voit linkittää painikkeen ulkoiseen URL-osoitteeseen, sisäiseen sivuun, sähköpostiosoitteeseen tai ladattavaan tiedostoon. Myös kuvakkeen lisääminen painikkeeseen on mahdollista.

Kun olet lisännyt useita elementtejä haitarivalikkoosi, voit muuttaa niiden järjestystä raahaamalla elementin toiseen kohtaan.

Luettelokuvake: valitse kuvake tästä osuudesta, jos haluat käyttää samaa kuvaketta kaikissa luetteloelementeissä.

 

Ulkoasu

Ulkoasu-osuudesta voit muuttaa haitarivalikkomoduulin taustaa, reunuksia, välejä ja animaatiota.

 

Asetukset

Asetuksista voit määrittää haluatko jonkun luetteloelementeistä olevan oletuksena aina laajennettuna tai antaa kävijöiden tiivistää kaikki luetteloelementit. Paina kohtaa Salli kaikkien kohteiden tiivistys/laajennus, jos haluat luettelon olevan kokonaan tiivistetty alla olevan kuvan mukaisesti.

3__Accordion_p2-2.png

Oliko tämä artikkeli hyödyllinen?
0/0 koki tästä olevan apua