Impostazioni del layout del footer
Usate queste impostazioni per definire come un elemento del footer si inserisce nella disposizione generale del footer. Sono particolarmente utili quando desiderate un raggruppamento più pulito, una migliore spaziatura o una gerarchia visiva più chiara in tutto il footer. Per un contesto più ampio su come queste impostazioni vengono gestite nell’editor, consultate documentazione Shopify sull’editor del tema
Impostazioni di layout
Sezione intitolata “Impostazioni di layout”Questi controlli influiscono su come un elemento del footer scorre accanto agli altri contenuti del footer. Potete usarli per consentire a un elemento di espandersi in uno spazio orizzontale aggiuntivo, iniziare una colonna separata o spostarsi su una nuova riga. Per una panoramica più ampia su come è organizzato il contenuto del tema, consultate documentazione Shopify sulla struttura del tema
Fill available space è la soluzione migliore per i contenuti che traggono vantaggio da una larghezza aggiuntiva, come testi più lunghi o aree che altrimenti lascerebbero spazi vuoti poco armoniosi. Aiuta un elemento a occupare lo spazio rimanente nella riga, così il footer risulta più equilibrato.
Fill available space modifica solo il layout desktop. Controllate gli schermi più grandi quando ne verificate l’effetto.
Show in new column avvia l’elemento in un raggruppamento verticale separato. Usatelo quando desiderate una separazione più chiara tra diversi tipi di contenuto del footer, come link, dettagli di contatto o informazioni sul brand.
Show in new row dà a un elemento una separazione più netta spostandolo sotto la riga corrente. È utile quando un elemento del footer deve risultare distinto dagli elementi sopra di esso invece di condividere la stessa linea orizzontale.
Quando decidete tra queste opzioni, pensate prima al flusso di lettura. Iniziare una nuova colonna o una nuova riga cambia il modo in cui il footer viene letto, mentre riempire lo spazio disponibile modifica soprattutto quanto un elemento ancori il layout.
Per maggiori dettagli su come questi controlli di layout sono pensati per funzionare, consultate il riferimento alle impostazioni del layout del footer.
Note sull’uso
Sezione intitolata “Note sull’uso”- Raggruppate contenuti simili. Avviate una nuova colonna quando volete che gli elementi del footer risultino come gruppi separati invece che come un unico insieme continuo.
- Usate la larghezza extra con uno scopo. Lasciate che un elemento riempia lo spazio disponibile solo quando un contenuto più ampio migliora l’equilibrio o la leggibilità.
- Riservate le nuove righe a una separazione più forte. Spostate un elemento su una nuova riga quando deve trovarsi chiaramente sotto il contenuto principale del footer.
- Controllate entrambe le viewport. I controlli desktop e mobile possono produrre layout, allineamento, visibilità o comportamento dei media diversi, quindi controllate entrambe le dimensioni dello schermo prima di terminare.
- Mantenete il footer facile da scansionare. Troppi interruzioni forzate di riga e colonna possono rendere il footer frammentato.
- Osservate il flusso dei clienti. Gli elementi di navigazione riordinati o nascosti possono cambiare ciò a cui i visitatori possono accedere, soprattutto quando i link del footer alimentano menu, drawer o controlli solo per dispositivi mobili.