Documentazione sugli strumenti del sito

Colonne della barra laterale fisse.

Di seguito viene spiegato come rendere fisse le 2 colonne a sinistra e a destra

• 1- Sul tuo sito, fai clic con il tasto destro del mouse e seleziona l'opzione "Ispeziona".

Controlla la struttura della pagina per individuare le colonne.

Nell'immagine sottostante sono presenti tre colonne: sinistra, centrale e destra.

• 2- Individua i nomi delle colonne che desideri rendere fisse. È importante selezionare il primo div della colonna.

Nell’immagine qui sotto, stiamo controllando il codice della colonna di sinistra, che è mx-leftcol. In questo caso si tratta di un div con id, quindi il codice dovrebbe essere #mx-leftcol

 

Nell’immagine successiva stiamo controllando il codice della colonna di destra, che è mx-rightcol. Anche in questo caso si tratta di un div con id, quindi il codice dovrebbe essere #mx-rightcol

 

• 3- Nelle impostazioni del modulo, vai alla scheda "Strumenti del sito" e, nella sezione "Tipo", seleziona "Barra laterale fissa". In “Nome div o classe” inserisci i nomi. Quindi, per i codici presenti nel nostro esempio, dovrebbero essere #mx-leftcol, #mx-rightcol. Documentazione sulla barra laterale fissa. Poiché ci sono più colonne, devono essere separate da una virgola,

 

Nel nostro esempio c'erano due div con id, ma potresti avere una classe al posto dell'id.

Guarda l’immagine qui sotto

In questo caso si tratta di una classe. Il codice da inserire dovrebbe essere .right2

 

Visualizzazione a scorrimento

• 1- Sul tuo sito, fai clic con il tasto destro del mouse e seleziona l’opzione “Ispeziona”.

Controlla la struttura della pagina nella parte in cui desideri applicare l’effetto "Rivelazione allo scorrimento". Nella demo del nostro modulo abbiamo un’immagine con la classe scrollr. Guarda l’immagine qui sotto.

Trattandosi di una classe, il codice dovrebbe essere .scrollr

• 3- Nelle impostazioni del modulo, vai alla scheda "Strumenti del sito" e, nella sezione "Tipo", seleziona "Scrollreveal". Nel campo "Nome div o classe", inserisci il codice.

Quindi, per il codice presente nella demo del modulo, dovrebbe essere .scrollr.

Guarda l’immagine qui sotto.

Come effetto, selezionate quello che preferite. Se come effetto è selezionato "Animated Masker", assicuratevi che in "Masker" sia selezionata una delle opzioni. Per gli altri effetti, lasciate "Masker" vuoto.

Utilizza il pulsante "Aggiungi" per aggiungere tutti gli elementi che desideri. Per ciascuno di essi, basta controllare il codice nel frontend e inserirlo nelle impostazioni del modulo.

Se si tratta di un div, inserisci #; se si tratta di una classe, inserisci .