Vai al contenuto

Pagine di contenuti con singoli elementi a larghezza variabile

Aggiornato il 16.04.2021
Le funzionalità descritte sono disponibili da Ready Pro v2021.3.
All'interno delle pagine di contenuti è possibile disporre gli elementi non solo in modo verticale uno di seguito all'altro al massimo della loro larghezza, ma anche in modo orizzontale ovvero affiancati tra loro.
Questo è possibile ridimensionando la loro larghezza.

Potremmo così personalizzare liberamente le nostre pagine di contenuti avendo ad esempio elementi disposti orizzontalmente e verticalmente come nel seguente esempio dove troviamo affiancati 2 elementi (uno di testo HTML e uno di galleria immagini) e altri elementi di testo disposti verticalmente.
Pagine di contenuti con singoli elementi a larghezza variabile – immagine 1
Per ottenere un risultato simile al seguente operiamo all'interno della sezione Pagine di contenuti dove andiamo a modificare la nostra pagina di contenuti (ad es. Azienda)

Qui possiamo notare che la pagina è composta da 4 elementi con dimensione massima (Dim%) al 100%.
Infatti, di default, gli elementi occupano tutta la larghezza della pagina e si susseguono in verticale.
Pagine di contenuti con singoli elementi a larghezza variabile – immagine 2
Se vogliamo affiancare i primi 2 elementi possiamo ridimensionarli entrambi al 50% facendo doppio click col mouse all'interno della cella della Dimensione.
Pagine di contenuti con singoli elementi a larghezza variabile – immagine 3
Pagine di contenuti con singoli elementi a larghezza variabile – immagine 4
In questo modo, sul sito ecommerce, otterremo un risultato simile al seguente dove possiamo notare che l'area occupata dagli elementi e il loro contenuto vengono ridimensionati automaticamente in base alla dimensione percentuale impostata.
Pagine di contenuti con singoli elementi a larghezza variabile – immagine 5
Volendo è possibile affiancare anche 3 o 4 elementi (Testo HTML + Galleria immagini + Articoli blog) con un ridimensionamento minore.
Ad esempio configurando 30% + 40% + 30%, tramite le stesse modalità operative appena viste.
Pagine di contenuti con singoli elementi a larghezza variabile – immagine 6
In questo, sul sito ecommerce, caso otterremo un risultato simile al seguente:
Pagine di contenuti con singoli elementi a larghezza variabile – immagine 7
Le pagine di contenuti diventano così altamente personalizzabili in base alla dimensione degli elementi da pubblicare e gli elementi stessi possono essere a loro volta ulteriormente personalizzati attraverso il tab CSS e script personalizzati (che necessita comunque di conoscenze adeguate di linguaggio CSS).
Pagine di contenuti con singoli elementi a larghezza variabile – immagine 8