8 luglio 2025

Ordine rigoroso nel Zero Block

In Zero Block, è ora possibile impostare la disposizione degli elementi all'interno del layout automatico a diverse risoluzioni dello schermo, utilizzando l'impostazione Ordine rigoroso. Ciò è utile quando si desidera che la posizione degli elementi del gruppo Flex vari nella versione mobile e in quella desktop.

Come funziona l'ordine rigoroso

L'impostazione Ordine rigoroso definisce l'ordine degli elementi nel layout automatico. Per impostazione predefinita, tutti gli elementi flex hanno un valore d'ordine pari a 0 (non impostato). Gli elementi con un valore d'ordine inferiore vengono posizionati per primi. Se si imposta uno di essi a -1 (Primo), l'elemento verrà posizionato per primo. Se si imposta 1 (Ultimo), l'elemento verrà collocato per ultimo.

È possibile impostare un valore di ordine rigoroso diverso per ciascuna risoluzione dello schermo. Ad esempio, su un desktop il testo può essere il terzo elemento del gruppo, mentre su un cellulare l'ultimo.
L'ordine rigoroso è utile anche per composizioni complesse con un gran numero di elementi. Se è necessario riorganizzare diversi elementi per lo schermo mobile, specificare un numero diverso per ciascuno di essi utilizzando il valore personalizzato (ad esempio, da 1 a 6). In questo modo sarà più facile disporli nell'ordine desiderato.

Caso d'uso dell'ordine rigoroso

Vediamo un esempio con un blocco di schede prodotto per capire quando l'impostazione Strict Order può essere utile.
In Zero Block abbiamo creato un layout con sei elementi: Quattro schede prodotto e due piastrelle che rimandano al catalogo. Questo gruppo ha un layout automatico comune per facilitare la modifica dei contenuti e la progettazione di versioni responsive.
Quando si passa alla modifica della versione mobile, l'ordine delle schede può diventare disorganizzato. Se si spostano manualmente, la composizione cambia anche nella versione desktop.
Per evitare che ciò accada, è possibile assegnare agli elementi necessari un valore personalizzato alla voce Ordine rigoroso. In questo modo, le schede appariranno nell'ordine corretto sulla versione mobile del sito, mentre il layout del desktop rimarrà come è stato progettato.
Vedi anche

 È ora possibile creare e modificare elementi vettoriali nell'editor Zero Block del costruttore di siti web Tilda.

È possibile trasformare gli elementi raggruppati in un elemento separato e impostarne le impostazioni
Realizzato su
Tilda