Comment corriger l’affichage de la barre de progression sur mobile ?
Marges, largeur et paliers trop serrés sur téléphone se règlent dans la page Design, qui a sa propre vue mobile. Les touchers sans effet dans la modale cadeau viennent du thème.
Régler les espacements sur mobile
La barre a des marges et des marges intérieures distinctes pour les téléphones.
- Ouvrez Design › Conteneur.
- Passez de Par défaut à Mobile avec les boutons en haut.
- Réglez Marge et Marge intérieure pour la vue mobile, puis enregistrez.
La Largeur maximale ne s’applique qu’à l’ordinateur. Pour vérifier le résultat, ouvrez votre boutique dans le mode appareil de votre navigateur, ou sur un téléphone. Voir design.
Le dernier palier est coupé à droite
Symptôme : avec plusieurs paliers en affichage Pleine largeur ou Proportionnel, le prix ou le nom du dernier palier est coupé sur les écrans étroits, et les marqueurs dépassent la fin de la barre.
C’est corrigé dans l’app. Si vous le constatez encore, choisissez Symétrique dans Mode d’affichage des goals (Design › Style des barres), puis écrivez au support avec le nom de votre thème et l’URL de votre boutique.
Trop de paliers sur un petit écran
Sur un téléphone, cinq ou six paliers laissent peu de place à chaque nom. Dans Design › Style des barres, activez Limiter les goals affichés : la barre n’affiche que les prochains paliers et les derniers atteints, et avance à mesure qu’ils sont débloqués. Réglez Goals affichés (max) et Goals non atteints affichés (min) selon vos besoins.
Le titre de la modale cadeau est trop grand
Dans Design › Interface cadeau, la carte Modale cadeau a sa propre Taille de police du titre (mobile). L’onglet apparaît quand un palier offre plusieurs cadeaux.
La modale cadeau ne réagit pas au toucher
Symptôme : sur téléphone, surtout avec Safari sur iOS, toucher la modale cadeau ne fait rien, alors qu’elle fonctionne à la souris sur ordinateur.
Cause : certains thèmes captent le focus et les événements tactiles dans leur tiroir panier, ce qui bloque les touchers sur la modale. L’app intègre un contournement général. Si le problème persiste sur votre boutique, écrivez au support avec le nom de votre thème, le modèle de téléphone et le navigateur.
Toujours bloqué ?
Écrivez à [email protected] en joignant :
- l’URL de votre boutique et le nom de votre thème ;
- le modèle de téléphone et le navigateur utilisés ;
- la page et les étapes pour reproduire le problème ;
- une capture ou une courte vidéo d’écran prise sur le téléphone.
Il manque quelque chose ? Écrivez à [email protected], ou essayez d’abord dans la démo.