Nascondere o Visualizzare Moduli in Joomla
Nascondere o Visualizzare Moduli in Joomla
Con le nuove versioni di Joomla, i nostri siti hanno un comportamento di tipo "responsive", ovvero cambiano aspetto in base alla risoluzione dello schermo. Ma potrebbe esserci la necessità di non visualizzare alcuni moduli su determinati dispositivi. In questa guida, vedremo come fare.
Capire il Funzionamento di un Template Responsive
Con i template responsive, non dobbiamo più far capire al server web quale browser stiamo utilizzando per la navigazione. Invece, basta impostare delle dimensioni specifiche in base al dispositivo utilizzato. Ad esempio:
- Se la risoluzione è superiore a 768px, stiamo usando un desktop o un tablet in orizzontale.
- Se la risoluzione è tra 767px e 481px, stiamo usando un tablet in verticale.
- Se la risoluzione è inferiore a 480px, stiamo usando un cellulare.
Nascondere Moduli in Specifiche Visualizzazioni
Se desideriamo far sparire un modulo in una determinata visualizzazione, possiamo farlo agendo sui fogli di stile. Gli sviluppatori dei template mettono a disposizione determinati stili che possono essere applicati per far sparire i moduli in determinate visualizzazioni. Per applicare questi stili, occorre impostarli nella gestione del modulo, nell'opzione "suffisso classe css modulo".
Ecco gli stili disponibili:
- hidden-desktop: per nascondere in visualizzazione pc.
- hidden-tablet: per nascondere in visualizzazione tablet.
- hidden-tablet-landscape: per nascondere in visualizzazione tablet orizzontale.
- hidden-tablet-portrait: per nascondere in visualizzazione tablet verticale.
- hidden-mobile o hidden-phone: per nascondere in visualizzazione telefono.
Nota Bene: a volte è necessario inserire uno spazio bianco davanti al nome della classe perchè alcuni moduli non lo inseriscono da soli. Per applicare più stili css al modulo basta scriverli nel campo separati da uno spazio.
In conclusione, con l'uso di stili e classi CSS specifici, è possibile controllare con precisione l'aspetto dei moduli di Joomla in base alla risoluzione dello schermo del dispositivo utilizzato.
