Il componente Carosello è uno strumento di visualizzazione dinamica progettato per integrare all'interno di un sito web una sequenza di immagini a scorrimento. Questa funzionalità cattura l’attenzione dell’utente finale, garantendo un’esposizione ordinata e d’impatto dei contenuti multimediali.
L’impiego del Carosello è indicato per per il raggiungimento dei seguenti obiettivi comunicativi:
- Mettere in risalto i punti di forza e i valori distintivi dell’azienda
- Presentare cataloghi di prodotti o nuove linee commerciali
- Promuovere offerte speciali, sconti stagionali o eventi imminenti
- Valorizzare gallerie fotografiche, portfolio e altri contenuti rilevanti per il brand
Inserimento del Componente nell'Area di Lavoro
Per integrare il componente Carosello nel progetto:
- Individuare la Barra degli elementi sul lato sinistro dell’interfaccia di editing
- Selezionare la categoria Media
- Individuare la voce Carosello
- Trascinare il componente nell’area di lavoro, posizionandolo nel punto desiderato
Gestione e Caricamento delle Immagini
Per configurare i contenuti del Carosello, cliccare con il tasto sinistro del mouse sul componente e selezionare il comando "Modifica carosello". All'interno del pannello di gestione, è possibile importare file multimediali attraverso tre canali distinti:
- Caricamento da PC: cliccare su Aggiungi immagini per selezionare file locali
- Caricamento da Editor: Selezionare la voce "Cerca immagini" per attingere ai file già precedentemente caricati e archiviati nella libreria multimediale dell'editor SuperSite.
- Libreria Pixabay: Sfruttare l'integrazione nativa con la piattaforma internazionale Pixabay per accedere a un vasto archivio di foto e illustrazioni professionali. Utilizzare la barra di ricerca dedicata inserendo parole chiave pertinenti per filtrare i contenuti desiderati
Per rimuovere un’immagine: posizionare il cursore sull’anteprima e cliccare sull’icona Cestino
Personalizzazione delle Impostazioni di Scorrimento
Configurare le dinamiche di movimento tramite l’icona Stella:
- Velocità di scorrimento: regolare il tempo di transizione tra un’immagine e l’altra
- Direzione: selezionare Orizzontale o Verticale dal menu a tendina
- Inversione scorrimento: invertire il senso predefinito delle immagini
- Frecce di navigazione: scegliere tra cinque tipologie di icone, modificandone colore, dimensione e posizione
Configurazione della Visualizzazione e degli Effetti
Per regolare resa estetica e proporzioni tramite l’icona Freccia visualizzazione immagini:
- Larghezza: estensione orizzontale dell’immagine (Aumento/ Diminuzione)
- Altezza: estensione verticale dell’immagine (Aumento/ Diminuzione)
- Margine: spazio vuoto esterno tra le immagini (Aumento/ Diminuzione)
- Raggio: arrotondamento degli angoli delle immagini ((Aumento/ Diminuzione)
In merito alla gestione delle proporzioni, l'utente può scegliere tra due logiche di ridimensionamento:
- Dimensioni assegnate: consente un override manuale dei parametri, forzando le immagini ad adattarsi alle misure definite dall'utente.
- Proporzioni originali: mantenimento dell’aspect ratio originale, evitando distorsioni visive
Per aumentare il coinvolgimento dell'utente, è possibile applicare un effetto al passaggio del mouse (hover) selezionabile tra: Opacità In, Opacità Out, Zoom avanti, Da colore a scala di grigi o Da scala di grigi a colori.
Impostazioni Avanzate e Sincronizzazione Social
L'icona Avanzate consente di perfezionare la modalità di fruizione dei contenuti. Tramite il menu a tendina Immagine visualizzata è possibile stabilire se l'output debba essere limitato ai confini della pagina web oppure se attivare la visualizzazione a tutto schermo.
Il componente integra inoltre una funzionalità di sincronizzazione con i dati del profilo della Pagina Facebook dell'utente. Questa opzione permette l'aggiornamento automatico dei contenuti del Carosello, importando direttamente immagini e informazioni dalla piattaforma social e riducendo i tempi di manutenzione manuale del sito.