Contenitori interattivi

Tab

La funzione Tab permette di aggiungere, all’interno di una Tabs, una o più schede, dette anche Tab, che permettono una navigazione più veloce tra i contenuti del Sito Web. Ogni Tab, infatti, è composta da un titolo e dalla descrizione e permette, rimanendo in una singola pagina, di approfondire diversi contenuti, senza dover navigare tra le varie Pagine e Sezioni del sito. Le Tab si presentano come una serie di titoli che, al click, si attivano mostrando la descrizione ad esso abbinata. È possibile attivare una sola Tab alla volta.

Cliccando sull'icona “Modifica elemento” è possibile modificare i seguenti parametri:

• Titolo: questo campo permette di modificare il titolo della Tab. Il titolo è il nome o la frase che viene visualizzato anche quando la Tab non viene attivata e fornisce una descrizione del contenuto al suo interno.

Cliccando sull’icona “Modifica stile" è possibile modificare i seguenti parametri:

• Larghezza
• Riempimento
• Margine
• Allineamento
• Carattere
• Sfondo
• Bordo
• Curvatura

Cliccando sull’icona “Aggiungi elementi” è possibile inserire all’interno della Tab i seguenti oggetti:

• Contenuto
• Mappa di localizzazione
• Informazioni località
• Menu
• Prodotto
• Prodotti
• Posts
• Galleria

Tabs

La funzione Tabs permette di inserire all'interno di un Sito Web un oggetto, nel quale devono essere obbligatoriamente inserite una o più Tab. Questa funzione è il contenitore di una serie di voci simili a bottoni che possono essere aperte per approfondire eventuali informazioni, come descrizioni prodotti e/o servizi, FAQ, ecc...

Cliccando sull’icona “Modifica stile" è possibile modificare i seguenti parametri:

• Larghezza
• Riempimento
• Margine
• Visibilità
• Allineamento
• Animazioni
• Carattere
• Sfondo
• Bordo
• Curvatura

Per il solo oggetto Tabs è possibile modificare i seguenti parametri:

• Allineamento posizione Tab: la funzione Allineamento Posizione tab, contenuta all'interno della generica voce Allineamento, permette di modificare la posizione delle Tab all’interno del contenitore Tabs. È possibile modificare l’allineamento delle Tab scegliendo tra diverse opzioni, selezionabili da un menu a tendina:
• In alto
• A destra
• In basso
• A sinistra

• Stile del Tab: questa funzione permette di modificare la posizione delle Tab da mobile. È possibile modificare lo stile delle Tab da mobile scegliendo tra diverse opzioni, selezionabili da un menu a tendina:
• Predefinito: questa funzione consente di mostrare, da mobile, solo la Tab che si sta visualizzando, racchiudendo tutte le altre in un menu a comparsa rappresentato da un'icona. In questo caso l'utente dovrà cliccare sull'icona per visualizzare tutte le diverse Tab create nel Sito Web.
• Tab estesi orizzontalmente: questa funzione consente di mostrare, da mobile, tutte le Tab in un elenco orizzontale che può essere sfogliato cliccando sulle voci e trascinando il menu orizzontale. In questo modo tutte le voci saranno visibili al solo scorrere della barra orizzontale.

Cliccando sull’icona “Aggiungi elementi” è possibile inserire all’interno della Sezione i seguenti oggetti:

• Tab

Accordion

La funzione Accordion permette di inserire all'interno di un Sito Web un oggetto, nel quale deve essere obbligatoriamente inserita una Collapse. Questa funzione è il contenitore di una serie di menu a tendina che possono essere aperti per approfondire eventuali informazioni, come descrizioni prodotti e/o servizi, FAQ, ecc...

Cliccando sull’icona “Modifica stile" è possibile modificare i seguenti parametri:

• Larghezza
• Riempimento
• Margine
• Visibilità
• Allineamento
• Animazioni
• Carattere
• Sfondo
• Bordo
• Curvatura

Cliccando sull’icona “Aggiungi elementi” è possibile inserire all’interno dell'Accordion i seguenti oggetti:

• Collapse

Collapse

La funzione Collaspe permette di aggiungere, all'interno di un’Accordion, un menu a tendina. Cliccando sull'icona della freccia alla destra della Collapse è possibile aprire il menu al suo interno.

Cliccando sull'icona “Modifica elemento” è possibile modificare i seguenti parametri:

• Titolo: questo campo permette di modificare il titolo della Collapse. Il titolo è il nome o la frase che viene visualizzato anche quando la Collapse non viene espansa e fornisce una descrizione del contenuto al suo interno.
• Espanso: questo campo permette di mantenere aperta la Collapse per tutto il tempo della navigazione, senza bisogno di cliccare sulla freccia. Selezionando questo campo la Collapse rimarrà aperta. Se il campo non viene selezionato, la Collapse risulterà chiusa e si aprirà solo a un click del mouse.

Cliccando sull’icona “Modifica stile" è possibile modificare i seguenti parametri:

• Larghezza
• Riempimento
• Margine
• Visibilità
• Allineamento
• Animazioni
• Carattere
• Sfondo
• Icona
• Curvatura

Per il solo oggetto Collapse è possibile modificare i seguenti parametri:

• Carattere attivo: la funzione Carattere attivo, presente all’interno della voce generale Carattere, permette di modificare il Carattere della Collapse quando è stata aperta.
• Carattere al passaggio del mouse: la funzione Carattere al passaggio del mouse, presente all’interno della voce generale Carattere, permette di modificare il Carattere della Collapse quando il cursore del mouse viene passato sopra di essa.
• Sfondo comprimi intestazione: la funzione Sfondo Comprimi intestazione, presente all’interno della voce generale Sfondo, permette di modificare lo Sfondo dell’intestazione della Collapse, ossia la parte visibile, quando la collapse è chiusa.
• Sfondo comprimi corpo: la funzione Sfondo Comprimi corpo, presente all’interno della voce generale Sfondo, permette di modificare lo Sfondo del corpo della Collapse, ossia la parte visibile quando la collapse è aperta. Se si desidera impostare lo stesso sfondo a livello di Corpo e di Intestazione è possibile farlo attraverso l’impostazione di Sfondo Predefinito. In questo modo lo Sfondo viene modificato una sola volta.

Cliccando sull’icona “Aggiungi elementi” è possibile inserire all’interno della Sezione i seguenti oggetti:

• Contenuto
• Mappa di localizzazione
• Informazioni località
• Menu
• Prodotto
• Prodotti
• Posts
• Galleria

Drawer

Il Drawer è un elemento a scomparsa che deve essere collegato ad una voce di menu. Può essere collegato a una voce di menu e venire utilizzato come una sorta di ampio sottomenu. Le varie opzioni di gestione di questo oggetto, infatti, permettono di mantenere nel menu visibile dell’intestazione solo le voci principali, articolando categorie e sottocategorie di prodotti e/o servizi più comodamente e chiaramente al suo interno.

Cliccando sull’icona “Modifica elemento” è possibile modificare i seguenti parametri:

• Percorso: questo campo permette di inserire il nome del Drawer, che verrà visualizzato nell’URL del sito web. Grazie a questo Percorso sarà possibile collegare il Drawer alla relativa voce di menu. In questo modo sarà possibile visualizzare il Drawer come un menu a scomparsa.

Cliccando sull’icona “Modifica stile" è possibile modificare i seguenti parametri:

• Larghezza
• Riempimento
• Allineamento
• Posizione
• Sfondo
• Bordo
• Curvatura

Per il solo oggetto Drawer è possibile modificare i seguenti parametri:

• Posizione: la funzione Posizione permette di modificare la Posizione in cui comparirà il Drawer. È possibile modificare la Posizione del Drawer scegliendo tra diverse opzioni, selezionabili da un menu a tendina:
• Destra: il Drawer apparirà nella parte destra della schermata.
• Sinistra: il Drawer apparirà nella parte sinistra della schermata.
• Alto: il Drawer apparirà nella parte alta della schermata.
• Basso: il Drawer apparirà nella parte bassa della schermata.

Cliccando sull’icona “Aggiungi elementi” è possibile inserire all’interno del Drawer i seguenti oggetti:

• Contenuto
• Menu
• Accordion
• Tabs
• Carrello della spesa