Documentazione Layer Slideshow

introduzione

Layer Slideshow offre un'esperienza unica ma semplice per creare presentazioni con più diapositive e livelli in Joomla.

Layer-Slideshow-principale

 

I. INSTALLAZIONE LAYER SLIDESHOW

1.1 Installazione

Il nostro componente è compatibile con Joomla 3.x. Tutte le funzionalità e le integrazioni di terze parti sono incluse in tutte le iscrizioni.
Per installare il nostro componente devi scaricare l'estensione .zip e usare l'installer standard di Joomla.

joomla-installazione

 

Quindi fare clic su Sfoglia> Carica e installa pulsante, componente, moduli e plugin verranno installati attivati ​​di default.

 

1.2 Aggiornamento e aggiornamento automatico

Per aggiornare l'estensione è possibile installare una nuova versione rispetto a quella precedente scaricando il file ZIP da JoomUnited o utilizzare l'aggiornamento automatico (consigliato).

item-voto-update

 

L'aggiornamento automatico, che invia la notifica di aggiornamento, è incorporato nell'estensione di Joomla che hai installato. Quindi riceverai una notifica come qualsiasi altra estensione nella dashboard o utilizzando il menu: Estensione> Gestisci> menu Aggiorna.

Accedi al tuo account per aggiornare

Devi accedere al tuo account JoomUnited per aggiornare tutte le tue estensioni Joomla JoomUnited. Per accedere accedere alla configurazione principale del componente, quindi fare clic su Scheda di aggiornamento in tempo reale. In fondo, troverai un pulsante di accesso.

live Update

Inserisci le tue credenziali JoomUnited, le stesse che usi per accedere qui @ www.joomunited.com

login-joomunited

Il pulsante diventerà arancione, congratulazioni! ora puoi aggiornare tutte le estensioni JoomUnited su questo sito! Se la tua iscrizione è scaduta riceverai un link di rinnovo e un testo che lo spiegherà.

conto-linked

Nota: un singolo accesso ti consentirà di aggiornare tutte le estensioni JoomUnited (relative alla tua iscrizione). Il login non scadrà se non lo scolleghi.

 

II. SLIDESHOW TEMI

2.1 Creazione di diapositive

L'idea principale di Layer Slideshow è di essere in grado di creare una bella presentazione con livelli senza complessità.
Sull'interfaccia principale, sul lato sinistro si ha accesso a a Nuovo pulsante. Ogni nuova presentazione contiene opzioni di diapositive e livelli.

image7

Se non hai temi, puoi consultare i nostri temi di esempio. Ci sono 5 temi disponibili in totale, per favore clicca Carica tema pulsante per visualizzare.

image8

Una volta scelto uno, la parte centrale verrà ricaricata con sfondo a tema, collegamenti e livelli. Gli strati sono raggruppati nel pannello destro.

image9

Nota che ogni tema ha un numero di layout diverso, il tema 1 ha 1 livello, il tema 2 ha 2 livelli ...


Sotto la diapositiva, puoi vedere Anteprima di tutte le diapositive pulsante e ci sono 3 dispositivi (laptop / desktop, tablet, mobile) per controllare come sarà la presentazione.

Puoi anche usare Diapositiva duplicata o Aggiungi nuova diapositiva pulsante a destra.

slide-pulsante

Ogni diapositiva contiene modificare e Rimuovere icona

image11

Se si desidera creare la propria presentazione, è possibile utilizzare i pulsanti sul pannello destro. Si prega di consultare il prossimo capitolo qui sotto.

2.2 Impostazioni del layout

È possibile definire un layout specifico per ogni presentazione. È meglio definire il layout prima di avviare l'edizione del livello perché determinerà la larghezza dell'immagine, le dimensioni del testo, la posizione degli oggetti ...

image12

 

Le opzioni di layout della presentazione sono le seguenti:

  • responsive: Crea la tua presentazione con elementi adattivi per dispositivi mobili, tutto il testo, le immagini verranno ridimensionate dinamicamente per quanto riguarda i dispositivi mobili
  • Allinea Slideshow: Allinea l'intera presentazione
  • Larghezza / altezza: Definisci la larghezza / altezza della presentazione. Questo è il parametro più importante, perché una volta impostato, tutte le immagini che inserirai nella presentazione potrebbero essere ridimensionate con il nostro strumento di ritaglio in questa dimensione. Se si modifica la dimensione, potrebbe essere necessario aggiornare le immagini.
  • Durata: Definire ogni durata della diapositiva
  • Stile pulsante: definire lo stile dell'elemento di navigazione
Per creare una presentazione a larghezza intera hai 2 opzioni: imposta la larghezza su "100%" o definisci una dimensione intera fissa, ad esempio qualcosa come 1900px larghezza.

2.3 Aggiungi una presentazione nei tuoi contenuti

Per aggiungere una presentazione nel contenuto e metterla online, è necessario utilizzare il pulsante dell'editor. Carica un articolo, un modulo personalizzato o qualsiasi altra cosa e fai clic su Layer Slideshow pulsante.

image13

Quindi scegli una presentazione da inserire

image14

 


III. SCIVOLOSITÀ

3.1 Sfondo dello slide

Ogni diapositiva ha uno sfondo, puoi caricarla dalla tua libreria di immagini o usare la nostra libreria online.

image15


Il Selezionare il pulsante aprirà una lightbox con un media manager, questa è una versione avanzata di Joomla Media Manager.

image16


Offre opzioni per trascinare nuove immagini, selezionare, rimuovere, adattare o applicare effetti sulle immagini.

image17


La più importante è la funzione di ritaglio. La funzione di ritaglio carica una finestra con la tua immagine e una cornice che prende la dimensione della presentazione definita nel layout.

image18


Clicca sul Ritaglia l'immagine pulsante per inserire l'immagine ritagliata come sfondo.

3.2 Editor di layer pulsanti

È possibile creare un nuovo livello pulsante facendo clic + Livello pulsante sul pannello di destra.

creare pulsanti

Dopo aver compilato il modulo, fare clic su Crea livello pulsante. Un nuovo pulsante viene visualizzato sulla diapositiva.

image19

Il gestore dei pulsanti ti consentirà di creare il tuo stile di pulsante, memorizzarlo e riutilizzarlo in seguito. Di solito i pulsanti sono definiti per tutte le diapositive e dovrebbero essere riutilizzati.

image20
Sarai in grado di creare uno stile usando lo strumento finestra sul lato sinistro e poi Inserisci / Salva / Modifica. Hai opzioni per definire lo sfondo, gli stili dei bordi e l'effetto di passaggio del mouse.

image21

Per inserire un pulsante nel contenuto, è possibile fare clic sul pulsante Inserisci o sul simbolo + di un pulsante salvato.

image22

Puoi anche modificare e salvare uno stile esistente, basta fare clic sulla penna e modificare i parametri.

image23

Infine, è possibile definire un collegamento personalizzato per il pulsante.

image24

3.3 Editor del livello dell'immagine

È possibile creare un nuovo livello di immagine facendo clic + Livello pulsante sul pannello di destra.

creare-image

Puoi inserire la tua icona o immagine nel livello Immagine facendo clic su Pulsante Modifica per cambiarli.

image26

Quindi sarai in grado di scegliere la tua immagine o utilizzare un'immagine dalla nostra libreria JU o un'icona da Icon Finder.

Ovviamente puoi definire la posizione di ogni elemento dall'anteprima usando drag'n drop.

3.4 Editor del livello video

Puoi aggiungere un nuovo livello video facendo clic + Livello pulsante sul pannello di destra.

creare-video

Cliccando su modificare icona del livello video, è possibile modificare l'URL del video sul livello. Supporta URL video da Youtube, Vimeo, Dailymotion.

Edit-video-layer

3.5 Transizioni

Puoi impostare le transizioni per una diapositiva o tutte le diapositive nella presentazione. Esistono 2 tipi di transizioni: 2D e 3D.

seleziona-transizioni

Ogni strato ha Transizioni di livello scheda in modo da poter scegliere lo stile per loro.

strato di transizione

IV. LIBRERIE DI IMMAGINI

4.1 Libreria JoomUnited


JU Library è una libreria esterna che stiamo ospitando per darti immagini belle e gratuite. Tutte le immagini della nostra libreria verranno scaricate e archiviate sul tuo server. Quindi puoi farlo finché vuoi.
La biblioteca è accessibile fino a quando la tua iscrizione è valida.

image27


La libreria JU contiene immagini del percorso di ritaglio (con sfondo trasparente) e immagini di sfondo. Usa il segno di spunta per selezionare uno o entrambi.

image28

Puoi anche fare una ricerca di tag.

image29


Una volta selezionata un'immagine, potrai scaricarla sul tuo server e modificarla.

image30

 

4.2 Integrazione del cercatore di icone

È inoltre disponibile l'integrazione di icone finder per caricare ad esempio le icone dei social network.

image31


Verrà quindi aperto un motore di ricerca

image32

È possibile effettuare una richiesta e utilizzare anche il sistema di filtro dimensioni.

image33

 

Quindi, come nello strumento Libreria JU, potrai scaricare la tua icona sul tuo server. Sono disponibili anche opzioni di download delle dimensioni relative al filtro definito in precedenza.

image34