L'onglet Animations ajoute du mouvement à votre boutique : des sections qui apparaissent en s'animant quand les clients font défiler la page, et des images qui s'agrandissent au survol de la souris.
Où le trouver
Ouvrez le constructeur, cliquez sur l'icône en forme d'engrenage et ouvrez l'onglet Animations. La section s'appelle Animations générales.
Apparition au défilement
Apparition au défilement anime les sections quand elles entrent à l'écran. Chaque section joue son animation une fois par visite de la page. Les options :
- Aucun : pas d'animation. Les sections sont simplement là.
- Fondu : le contenu apparaît en fondu.
- Glisser vers le haut (par défaut) : le contenu monte légèrement en apparaissant.
- Glisser vers l'intérieur : le contenu arrive par le côté en apparaissant.
- Zoom : le contenu grandit légèrement jusqu'à sa place.
Le fond de la section apparaît immédiatement et seul le contenu bouge : la page n'affiche donc jamais de trous vides.
Quelles parties s'animent
- L'en-tête et la barre d'annonce ne s'animent jamais. Ils sont à l'écran dès l'ouverture de la page.
- Dans les grilles de produits, les grilles de collections, les avis et la FAQ, chaque carte ou élément s'anime séparément, l'un après l'autre, au lieu de toute la section. Dans une disposition en carrousel, toute la section s'anime d'un bloc.
- Une section de vagues garde le fondu mais ne glisse pas, pour que la vague reste collée à la section en dessous.
Laquelle choisir
Glisser vers le haut convient à la plupart des boutiques. Fondu est le plus doux. Zoom et Glisser vers l'intérieur attirent davantage l'attention : ils conviennent mieux aux designs ludiques ou audacieux qu'aux designs calmes.
Effet de zoom des images
Activez Effet de zoom des images pour que les images s'agrandissent légèrement au survol de la souris. Cela fonctionne sur les cartes produit, les cartes de collection, les images de la page produit et les images des avis. L'effet réagit à la souris : les clients sur téléphone ne le voient donc généralement pas.
Tâches courantes
- Rendre ma boutique plus calme : réglez Apparition au défilement sur Fondu, ou sur Aucun.
- Désactiver tout mouvement : réglez Apparition au défilement sur Aucun et désactivez Effet de zoom des images.
- Rendre les photos de produits plus interactives : activez Effet de zoom des images.
Dépannage
- Je ne vois pas l'animation dans le constructeur. L'apparition au défilement est désactivée dans le constructeur pour que vous puissiez travailler sans attendre. Publiez et ouvrez votre boutique en ligne pour la voir.
- Certains visiteurs ne voient jamais les animations. Quand un visiteur a demandé à son appareil de réduire les animations, la boutique affiche chaque section à sa place, sans animation. C'est voulu, pour le confort et l'accessibilité.
- Le zoom ne fonctionne pas. Vérifiez que vous êtes sur un ordinateur avec une souris et que l'image fait partie des types listés ci-dessus.
Bon à savoir
Les réglages d'animation appartiennent au marché que vous modifiez et s'appliquent à toutes ses pages. Les modifications sont mises en ligne quand vous cliquez sur Publier. Si vous changez d'avis, annulez la modification dans le constructeur. Voir Raccourcis, annuler et rétablir.