In questa lezione imparerai come interagire con le impostazioni generali dello slider.

Potrai quindi intervenire su molti aspetti, come il layout generale dello slider, e potrai decidere se impostare la visualizzazione responsive, e se attivare la partenza automatica delle slide al caricamento della pagina, oltre a stabilire quale dovrà essere la prima slide visualizzata.

Imparerai come specificare quale cornice dare allo slider, se mostrare o meno all'utente dei pulsanti di navigazione tra le slide, e se inserire un logo su ognuna delle slide che compongono lo slider.

Ti consigliamo di testare le varie opzioni disponibili, in modo che tu possa personalizzare efficacemente tutti i tuoi slider in base alle tue preferenze.

 

Hai una domanda su questa lezione?

Accedi al video corso


  1. Nicola
    Nicola dice:

    Nel sito (con enfold) che sto creando sto usando le slide, il layout è responsive ma quando lo visualizzo da mobile le scritte sono troppo piccole; è possibile solo da mobile nascondere le slide e mostrare un’altro contenuto alternativo (come una foto statica)? Come posso fare? Grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Nicola, si è possibile ed è la cosa corretta da fare per garantire una perfetta leggibilità.
      Per farlo devi costruire due sezioni differenti (una sotto l’altra).

      La prima la lasci visibile a tutti i dispositivi esclusi i cellulari, mentre la seconda la abiliti solo per i dispositivi desktop.

      In Enfold trovi le opzioni di visibilità aprendo il pannello di personalizzazione delle sezioni colore.

      Buona giornata

    • Nicola
      Nicola dice:

      Non ho ben capito: per quanto riguarda il sito desktop uso layerslider, per quanto riguarda il mobile non voglio utilizzare slide ma solo immagini statiche: dove trovo le opzioni di visibilità?

    • Gianluca
      Gianluca dice:

      Ciao Nicola,
      Se per la versione desktop vuoi usare immagini fisse, la cosa migliore da fare è disabilitare completamente layer slider per tutti i display.

      Per farlo devi andare in Slider Settings > Mobile > Hide on mobile (se vuoi disabilitarlo solo per i cellulari puoi anche inserire dimensioni specifiche).

      Poi, per gli utenti mobile, devi sostituire lo slider con una sezione ad immagini fisse.

      Per farlo ti basta aggiungere sotto allo slider una nuova sezione colore usando il builder di enfold.

      Una volta che hai impostato l’immagine come desideri, devi fare in modo che sia invisibile da desktop e visibile solo per i dispositivi mobile.

      Trovi queste impostazioni aprendo il pannello della sezione colore alla voce Opzioni Schermo.

      Buona giornata

    • Gianluca
      Gianluca dice:

      Per il pulsante puoi usare tranquillamente il modulo Bottone che trovi sempre nel builder di Enfold tra gli Elementi di contenuto.

      Volendo puoi anche provare i moduli Pulsante a larghezza completa o Promo Box, a seconda di come vuoi impostare la grafica.

      Buona giornata

      Buona giornata

  2. info96
    info96 dice:

    esempio: Canvas a 1600×500 con modalità responsive, foto esattamente 1600×500
    ma nonostante questo una parte delle foto viene tagliata.Se invece imposto una canvas tipo 2560×500 con foto della stessa misura la visualizzo correttamente per intero in modalità responsive.Ma in questo caso i Layer applicati sopra sono sballati guardandoli con un IPhone 6 plus..a questo punto, tengo le dimensioni ultime e rendo invisibile lo slider sotto la dimensione di 768 px?
    In questo caso dovrei creare uno slider apposta per i dispositivi mobili..

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao,
      prova a non impostare misure fisse, ma a lasciare quelle di default (1140×470) e, nel caso la tua slider occupi tutta la pagina, scegli l’impostazione Full Width (è comunque responsive).

      Poi, prova a giocare con le impostazioni Size, provando tutte le varianti (Inherit, Auto, Cover Contain o Strech).

      A seconda dell’immagine che metti dovrai cercare un compromesso in base a dimensioni e a quello che viene visualizzato.
      Altri esperimenti li puoi fare con le opzioni Position.

      Parlo di compromesso perché, chiaramente, basta stringere la finestra del browser per ottenere misure differenti e visualizzazioni differenti e quindi non è possibile che sia sempre assolutamente conforme per ogni schermo.

      Nel caso avessi molti elementi è anche plausibile realizzare slider dedicati per tablet e mobile, anche perché non tutti gli elementi sono responsive (ad esempio i testi).

      Buona giornata

  3. info96
    info96 dice:

    non riesco comunque a capire come impostare uno slider che si visualizzi correttamente in base alle dimensioni della Canvas

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao
      Le impostazioni degli slider le imposti nel pannello delle Slider Settings.

      Se scegli una dimensione fissa, è opportuno inserire un’immagine di background della dimensione ottimale.

      Se invece scegli le altre modalità, lo sfondo si adatterà allo schermo su cui sono visualizzate.

      In base alle proporzioni che vuoi dare, prepara immagine di dimensioni adeguate (1600 pixel in larghezza e altezza in proporzione).

      Poi, per gli sfondi, puoi anche gestire la posizione e i comportamento.
      1. Nella tab Appearance delle Slider Settings se hai inserito un’unica immagine di sfondo.
      2. Nella tab delle singole slide con le tendine Size e Position.

      Eventualmente se non dovessi riuscire, inviaci a supporto@webipedia.it il link del tuo sito e le schermate di impostazioni di Layer Slider, così gli diamo un’occhiata.

      Buona giornata

Pin It on Pinterest