Comment créer une page personnalisée pour mobile?

La structure de mise en page de PageFly est sensible par défaut. Cependant, l’application a la possibilité de styliser votre contenu sur des appareils spécifiques: mobile, tablette, ordinateur portable ou de bureau et vous apprendrez comment le faire dans cet article.

À propos du Sélecteur de périphérique (Tous / Ordinateur portable / Tablette / Mobile)

Dans le tableau de bord d’édition de PageFly, vous pouvez trouver l’option sélecteur de périphérique dans la barre de menu supérieure. Vous pouvez facilement voir à quoi ressemblera votre contenu sur chaque appareil.

Voici comment la fonction fonctionne en réalité. Il ajuste le canvas d’édition et ce que vous voyez dans l’éditeur est ce que vos visiteurs verront également. Assurez-vous donc de créer une expérience utilisateur confortable sur les appareils mobiles et tablettes.

Examinons de plus près la partie Témoignages de cette template. Sur le bureau, nous voyons une disposition à 2 lignes avec 3 témoignages dans chaque ligne.

Si vous passez au Mobile, cette partie sera un peu trop longue car chaque témoignage couvre presque tout l’écran mobile.

Dans cet exemple, nous voulons afficher seulement 3 témoignages sur Mobile au lieu de 6. Pour ce faire, nous sélectionnons le conteneur de chaque témoignage qui est la colonne et accédons à l’onglet Général> VISIBILITÉ.

Ensuite, nous activons le paramètre Masquer sur pour Tablette et Mobile. C’est fait! Pour vérifier si le témoignage est masqué sur Mobile et Tablette, nous utilisons le sélecteur de périphérique.

Ceci est un exemple de la façon dont vous pouvez optimiser le contenu de votre page sur mobile / tablette et améliorer l’expérience utilisateur globale sur votre boutique Shopify.

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages