Collapse Container e Item

"Collapse container" e "Collapse item" sono moduli che ci permettono di integrare i "collapse": elementi che si aprono e si chiudono, formati da titolo e testo descrittivo.

"Collapse": informazioni generali

Modulo Collapse Container
Modulo "Collapse Container"

Il "collapse" è utile in caso di testi lunghi, che possono risultare difficili da leggere e navigare.

In sintesi, il "Collapse container" è il contenitore che raggruppa i singoli "Collapse item".

Nel CMS

Creazione di un Collapse Container

Sezione Container: bottone Create new item
Sezione "Container": bottone "Create new item"

Puoi creare direttamente un modulo di tipo “Collapse container” dalla sezione “Container” di una pagina cliccando sul bottone “Create new item”. 

Questo contenitore serve per raggruppare poi i singoli “collapse item”, le sezioni apribili/chiudibili con titolo e testo. 

Collapse Container: Selezione content type
"Collapse Container": Selezione "content type"

Quindi, devi selezionare il tipo di "content type" desiderato, in questo caso “Collapse Container”.

Collapse Container: bottone Create
"Collapse Container": bottone "Create"

Poi, conferma la selezione con il bottonecreate”.

Collapse Container: Item aperto
"Collapse Container": "Item" aperto

A questo punto, troverai il nuovo modulo che va compilato in tutte le sue parti necessarie.

Collapse Container: Content item name
"Collapse Container": "Content item name"

Campo "Content item name" 

Il "Content item name" è il nome assegnato all’item solo all’interno di Kontent.ai quindi non si tratta del titolo del modulo che si vede poi online. Tuttavia, può esserci corrispondenza. In pratic.a, serve per identificare l’elemento ("item") nel CMS e viene utilizzato per la ricerca effettuata sotto il campo presente nella sezione "Content & assets".  

Come standard va assegnato un nome per tutte le varianti linguistiche del progetto, ad es. Name Modul / Nome Modulo.  

Ricordati di separare le versioni linguistiche con uno slash. 
Questo campo è editabile solamente in una lingua del progetto. 

Collapse Container: Title
"Collapse Container": "Title"

Campo "Title" 

Se lo desideri, puoi assegnare un titolo al modulo, altrimenti lascia vuoto questo campo. 

Collapse Container: background type transparent
"Collapse Container": "background type transparent"

Selezione "Background type" 

Puoi scegliere il tipo di sfondo da assegnare alla sezione del modulo (trasparente o grigio). 

Online: modulo con sfondo trasparente:

Collapse Container: background type grey
"Collapse Container": "background type grey"

Online: modulo con sfondo grigio:

Creazione di un Collapse Item

Collapse Container: bottone Create new item
"Collapse Container": bottone "Create new item"

In questa sezione si possono caricare dei “collapse item” già presenti nel progetto tramite “Add existing item” o creare item nuovi tramite il bottone “Create new item”. 

Questi item corrispondono alle sezioni apribili/chiudibili. Ogni singola sezione va creata sempre seguendo questi passi. 

Collapse Item: Item aperto
"Collapse Item": "Item" aperto

Sezione "Collapse item" 

Nota: non è previsto l’inserimento di immagini all’interno di questo elemento, ma solo testo. 

Cliccando sul bottone “Create new item” si apre direttamente la sezione del “collapse item”, dove bisogna procedere con la compilazione dei campi necessari. 

Collapse Item: Content item name
"Collapse Item": "Content item name"

Sezione "Content item name" 

Va assegnato un nome per la sezione di “Content item name” seguendo le regole standard menzionate in precedenza.

Collapse Item: Title
"Collapse Item": "Title"

Campo "Title" 

In questo caso il campo del titolo è obbligatorio. 

Collapse Item: Title style
"Collapse Item": "Title style"

Campo "Title style" 

In questa sezione si deve assegnare il livello del titolo, “H2” o “H3”. “H2” è il sottotitolo a livello 2, “H3” quello a livello 3. La scelta deve rispettare il tipo di titolo che precede il titolo dell’elemento “collapse item”. Il titolo principale di una pagina corrisponde sempre ad un “H1”. Se non ci sono altri sottotitolo allora il livello da assegnare per il sottotitolo è di tipo “H2”, in caso contrario “H3”. A seconda del tipo cambia l’importanza del titolo e il suo aspetto grafico. Va sempre seguito un ordine logico e sequenziale, non vanno assegnati a caso quindi. 

Collapse Item: Text
"Collapse Item": "Text"

Campo "Text"

In questo campo vanno inseriti i testi ricordando che non è previsto l’inserimento di immagini. 

Nota: sotto la sezione “Pagine standard” si trovano una serie di suggerimenti su come scrivere correttamente i testi per il web.

Ultimo aggiornamento: 05/09/2025

Informativa

Questo sito fa uso di cookie tecnici, analitici e, previo Suo consenso, cookie di terze parti per garantirLe una migliore esperienza di navigazione. Cliccando su “Accetta” acconsente all’utilizzo dei cookie di terze parti; cliccando invece su “Rifiuta” potrà continuare senza accettare: in tal caso verranno utilizzati solo i cookie tecnici e analitici ma alcune funzionalità ed alcuni contenuti potrebbero non essere disponibili. Clicchi su “Scopri di più e personalizza” per avere maggiori informazioni sui cookie utilizzati ed esprimere il Suo consenso, che in qualsiasi momento potrà essere liberamente rifiutato, revocato o prestato. Ulteriori dettagli sono disponibili nella cookie policy completa.