Ordre strict dans le Zero Block

Dans Zero Block, vous pouvez désormais définir la disposition des éléments dans Auto Layout à différentes résolutions d'écran à l'aide du paramètre Strict Order. Cela s'avère pratique lorsque vous souhaitez que la position des éléments du groupe Flex varie entre la version mobile et la version de bureau.

Le paramètre Ordre strict définit l'ordre des éléments dans la présentation automatique. Par défaut, tous les éléments flexibles ont une valeur d'ordre de 0 (Non défini). Les éléments ayant une valeur d'ordre inférieure sont placés en premier. Si vous attribuez à l'un d'entre eux la valeur -1 (Premier), l'élément sera placé en premier. Si vous lui attribuez la valeur 1 (Last), il sera placé en dernier.

Vous pouvez définir une valeur d'ordre strict différente pour chaque résolution d'écran. Par exemple, sur un ordinateur de bureau, le texte peut être le troisième élément du groupe, et sur un téléphone portable, le dernier.

L'ordre strict est également utile pour les compositions complexes comportant un grand nombre d'éléments. Si plusieurs d'entre eux doivent être réorganisés pour l'écran mobile, spécifiez un numéro différent pour chacun d'entre eux à l'aide de la valeur personnalisée (par exemple, de 1 à 6). Il sera ainsi plus facile de les disposer dans l'ordre souhaité.

Prenons un exemple avec un bloc de fiche produit pour voir quand le paramètre Ordre strict peut s'avérer utile.

Dans Zero Block, nous avons créé une mise en page avec six éléments : Quatre fiches produits et deux tuiles qui renvoient au catalogue. Ce groupe dispose d'une mise en page automatique commune pour faciliter la modification du contenu et la conception de versions réactives.

Lorsque vous passez à l'édition de la version mobile, l'ordre des cartes peut être désorganisé. Si vous les déplacez manuellement, la composition change également sur la version de bureau.

Pour éviter cela, vous pouvez attribuer une valeur personnalisée sous Ordre strict aux éléments dont vous avez besoin. Ainsi, les cartes apparaîtront dans le bon ordre sur la version mobile de votre site web, tandis que la mise en page de l'ordinateur de bureau restera telle que vous l'avez conçue.