Paramètres de visibilité

Liens en vedette

1. documentation Shopify sur les sections et les blocs
2. documentation Company XYZ sur les paramètres de visibilité
3. documentation Shopify sur la personnalisation des sections
4. documentation Shopify sur l’aperçu des fonctionnalités de l’éditeur de thème

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Utilisez ces paramètres pour décider si une section apparaît sur ordinateur, sur mobile ou sur les deux. Ils sont particulièrement utiles lorsque vous souhaitez une mise en page mobile plus simple, une présentation spécifique à l’ordinateur ou des versions séparées du même contenu pour différentes tailles d’écran. Pour plus d’informations sur le fonctionnement des sections dans l’éditeur de thème, consultez la documentation Shopify sur les sections et les blocs

Visibilité

Le contrôle de visibilité vous permet de laisser une section visible partout ou de la masquer sur ordinateur ou sur mobile. Cela vous offre un moyen pratique d’adapter les mises en page aux appareils sans supprimer le contenu de la configuration de votre thème.

Un usage courant consiste à créer des versions distinctes du même contenu pour l’ordinateur et le mobile. Par exemple, vous pouvez utiliser une mise en page plus détaillée sur les grands écrans et une version plus courte, plus facile à parcourir, sur les petits écrans. Vous trouverez plus de détails dans la référence source de ce concept de paramètre : documentation de Company XYZ sur les paramètres de visibilité.

Masquer une section sur un appareil ne crée pas automatiquement une deuxième version. Si vous voulez un contenu différent pour l’ordinateur et le mobile, ajoutez des versions séparées et définissez chacune pour qu’elle apparaisse uniquement là où c’est nécessaire.

Ce paramètre est particulièrement utile lorsque vous souhaitez :

1. Réduire l’encombrement visuel sur les petits écrans.
2. Afficher une mise en page promotionnelle ou informative réservée au mobile.
3. Conserver une organisation plus complexe pour les visiteurs sur ordinateur.
4. Tester différentes présentations de contenu selon le type d’appareil.

Notes d’utilisation

1. Associez les versions alternatives avec soin. Si vous créez des versions distinctes pour l’ordinateur et le mobile, veillez à ce que le message et l’objectif restent alignés afin que l’expérience demeure cohérente. Si vous avez besoin d’aide pour travailler avec des mises en page basées sur des sections, consultez la documentation Shopify sur la personnalisation des sections
2. Protégez le contenu important. Lorsque vous masquez une section sur un appareil, assurez-vous que le message ou l’action clé apparaît toujours ailleurs pour ces visiteurs.
3. Simplifiez pour les petits écrans. Utilisez la visibilité spécifique au mobile lorsqu’une mise en page plus courte ou plus épurée aidera les clients à parcourir le contenu et à agir plus facilement.
4. Vérifiez les deux vues d’appareil. Les contrôles pour ordinateur et mobile peuvent affecter la mise en page, l’alignement, la visibilité et le comportement des médias de différentes façons ; prévisualisez donc les deux vues après vos modifications. La documentation Shopify sur l’aperçu des fonctionnalités de l’éditeur de thème peut vous aider à vous orienter dans les options de prévisualisation et de modification.
5. Tenez compte du style de repli. Laisser un paramètre vide ou sur sa valeur par défaut préserve généralement le style de repli du thème, tandis que le choix explicite d’une couleur, d’un dégradé ou d’un remplacement de média rend cette zone plus indépendante.
6. Passez en revue les choix de médias sur les deux appareils. Si vous définissez des médias distincts pour l’ordinateur et le mobile, vérifiez le recadrage, le chargement, le comportement de repli et la lisibilité afin que la section reste claire pour chaque taille d’écran.