Sélectionnez la section dans l’éditeur de thème Shopify, ouvrez ses paramètres Configuration de la section, puis activez Masquer la section sur ordinateur ou Masquer la section sur mobile. Prévisualisez la vitrine aux deux largeurs, puis enregistrez.
Afficher ou masquer une section selon l’appareil
Mis à jour le mois dernier
Masquez une section compatible sur ordinateur, sur mobile ou sur les deux depuis les paramètres de la section dans l’éditeur de thème Shopify.
Sections compatibles
Les options Masquer la section sur ordinateur et Masquer la section sur mobile sont disponibles dans les paramètres Configuration de la section des sections Articles de blog, Bannière de collection et Texte circulaire rotatif. Le texte défilant ondulé étant un bloc, il utilise les options équivalentes Masquer le bloc sur ordinateur et Masquer le bloc sur mobile dans ses paramètres de bloc.
Masquer une section sur ordinateur ou sur mobile
Ouvrez le thème POPS dans l’éditeur de thème Shopify, puis sélectionnez la section que vous souhaitez masquer sur l’un des appareils.
Sélectionnez la section.
Ouvrez les paramètres Configuration de la section de la section.
Activez Masquer la section sur ordinateur pour masquer la section aux largeurs d’affichage des ordinateurs, ou Masquer la section sur mobile pour la masquer aux largeurs d’affichage des mobiles.
Prévisualisez la vitrine à des largeurs d’affichage d’ordinateur et de mobile pour vérifier la mise en page.
Enregistrez les modifications.
Utiliser les options indépendamment
Les deux options fonctionnent indépendamment et sont désactivées par défaut. Une section s’affiche donc sur les deux appareils jusqu’à ce que vous modifiiez un paramètre.
Masquer la section sur ordinateur uniquement : la section s’affiche sur mobile et est masquée aux largeurs d’affichage des ordinateurs.
Masquer la section sur mobile uniquement : la section s’affiche sur ordinateur et est masquée aux largeurs d’affichage des mobiles.
Les deux options désactivées : la section s’affiche sur les deux appareils.
Les deux options activées : la section est masquée sur les deux appareils.
Le masquage sur ordinateur s’applique aux largeurs d’affichage de 60em et plus ; le masquage sur mobile s’applique aux largeurs de 60em et moins.
Exemples
Utilisez ces options lorsqu’une section doit apparaître uniquement à la taille d’écran où elle est la plus efficace.
Bannière de collection : ajoutez deux sections de bannière de collection, puis masquez-en une sur ordinateur et l’autre sur mobile afin d’afficher une bannière compacte sur mobile et une version plus grande sur ordinateur.
Articles de blog : activez Masquer la section sur mobile pour retirer la liste du blog des mises en page mobiles.
Texte circulaire rotatif : activez Masquer la section sur mobile pour retirer le texte rotatif des petits écrans.
Texte défilant ondulé : activez Masquer le bloc sur mobile pour masquer le bloc de texte défilant ondulé sur mobile.
Pour obtenir la liste complète des paramètres de section, consultez Section. Pour découvrir comment l’éditeur de thème construit les pages à partir de sections et de blocs, consultez Commencer avec le thème Pops.
FAQ
Comment masquer une section sur ordinateur ou sur mobile dans le thème Pops ?
Quelles sections prennent en charge le masquage selon l’appareil dans le thème Pops ?
Les options Masquer la section sur ordinateur et Masquer la section sur mobile sont disponibles dans les paramètres Configuration de la section des sections Articles de blog, Bannière de collection et Texte circulaire rotatif.
Comment masquer un bloc sur ordinateur ou sur mobile dans le thème Pops ?
Le texte défilant ondulé étant un bloc, il utilise les options équivalentes Masquer le bloc sur ordinateur et Masquer le bloc sur mobile dans ses paramètres de bloc.
Que se passe-t-il si j’active les deux options de masquage pour une section ?
Les deux options fonctionnent indépendamment et sont désactivées par défaut. Si vous activez uniquement Masquer la section sur ordinateur, la section s’affiche sur mobile ; si vous activez uniquement Masquer la section sur mobile, elle s’affiche sur ordinateur. Lorsque les deux options sont activées, la section est masquée sur les deux appareils.
À quelles largeurs d’affichage le masquage sur ordinateur et sur mobile s’applique-t-il ?
Le masquage sur ordinateur s’applique aux largeurs d’affichage de 60em et plus, tandis que le masquage sur mobile s’applique aux largeurs de 60em et moins.
Comment afficher différentes versions d’une section sur ordinateur et sur mobile ?
Ajoutez deux exemplaires de la même section, par exemple une Bannière de collection, puis masquez-en une sur ordinateur et l’autre sur mobile afin d’afficher une version compacte sur mobile et une version plus grande sur ordinateur.