Vous avez plusieurs options pour optimiser le formulaire de commande de votre générateur de panier pour une utilisation sur des appareils mobiles comme les smartphones et les tablettes.

Afficher et masquer des composants

Une méthode simple pour garder le contenu organisé sur les appareils mobiles est d'afficher et de masquer des composants. Pour ce faire, ajoutez chaque composant deux fois et optimisez-les séparément pour les vues de bureau et mobiles. En fonction du type d'écran, seul le contenu correspondant sera affiché tandis que les autres seront masqués.

1. Ajoutez un composant à votre formulaire de commande de générateur de panier.

2. Cliquez sur l'icône dupliquer du composant pour insérer une copie du composant en dessous de celui-ci.

3. Configurez les deux composants de manière à ce que l'un soit affiché uniquement sur les appareils de bureau et l'autre uniquement sur les appareils mobiles. Voir afficher et masquer les éléments de page pour plus d'informations.

4. Optimisez les composants pour la vue respective. Utilisez les options ci-dessous pour la vue mobile.

5. Répétez cela pour tous les composants de votre formulaire de commande.

Masquer les images des produits

Dans le composant liste des produits, vous trouverez la case à cocher masquer les images des produits sur les appareils mobiles. Cochez cette case pour que les images des produits ne soient pas affichées sur les appareils mobiles. De cette façon, l'espace sur les petits écrans est mieux utilisé pour afficher du texte.

Ajuster la taille de la police

Dans les composants où vous pouvez définir la taille de la police, vous pouvez également définir la taille de la police pour les appareils mobiles.

1. Cliquez sur l'icône mobile dans l'en-tête du générateur de panier pour activer la vue mobile. De cette façon, vous pouvez voir les changements directement.

2. Cliquez sur l'icône roue dentée d'un composant inséré. La barre latérale des paramètres sera affichée.

3. Si le composant le supporte, il y a des champs pour la taille de la police des titres - mobile et/ou la taille de la police - mobile.

   1. Pour activer le paramètre, cliquez sur le bouton bleu en dessous de modifier la taille de la police mobile. Un curseur ou une liste déroulante pour des valeurs fixes sera affiché(e).

   2. Pour désactiver le paramètre, cliquez sur le bouton rouge à gauche du curseur ou de la liste déroulante. Le bouton bleu sera à nouveau affiché. Lorsque le paramètre est désactivé, les valeurs de taille de police de la vue de bureau seront appliquées aux appareils mobiles.