Ajouter une traînée d’images qui suit le curseur
Mis à jour aujourd’hui
Le bloc Effet de traînée affiche des images qui suivent le curseur lorsque les visiteurs déplacent leur souris sur une section. Vous l’ajoutez dans l’éditeur de thème Shopify, lui fournissez ses images via des blocs Image de l’effet de traînée imbriqués, puis définissez l’apparence de la traînée à l’aide des réglages du bloc.
Ajouter le bloc Effet de traînée
L’effet est un bloc de thème, il se trouve donc dans une section de votre page. Dans l’éditeur de thème, ouvrez la section dans laquelle vous souhaitez ajouter l’effet, puis ajoutez-y le bloc Effet de traînée.
Choisir les images de la traînée
Ajoutez un bloc Image de l’effet de traînée pour chaque image que vous souhaitez inclure dans la traînée, puis définissez son Image. Lorsqu’aucune image n’est définie pour un bloc d’image, un espace réservé s’affiche à la place.
Ajuster l’apparence de la traînée
Les réglages du bloc contrôlent l’apparence de la traînée. Définissez Mode sur Traînée pour que les images suivent le curseur, ou sur Canon pour déclencher une rafale d’images lorsqu’un visiteur clique. Les réglages spécifiques à la traînée s’affichent uniquement lorsque Traînée est le mode actif :
Longueur de la traînée — le nombre d’images dans la traînée, de 1 à 20 (10 par défaut).
Délai de la traînée — le délai entre les images, en millisecondes, de 10 à 100 par incréments de 5 (30 par défaut).
Effet de fondu de la traînée — le moment où la traînée disparaît : Fondu après un délai ou Fondu après la fin de la traînée (Fondu après un délai par défaut).
Largeur de l’image de la traînée (rem) — la largeur de chaque image, de 1 à 20 rem (6 par défaut).
Pour obtenir la liste complète des réglages et de leurs valeurs par défaut, consultez la référence du bloc Effet de traînée.
Prévisualiser sur ordinateur
La traînée est activée par les mouvements de la souris : elle s’affiche donc uniquement lorsqu’un visiteur déplace le curseur de la souris. Sur un appareil tactile, il n’y a pas de curseur de souris et la traînée n’est pas activée par les mouvements du doigt ; elle reste donc inactive. Prévisualisez l’effet dans un navigateur sur ordinateur pour vérifier son apparence, et utilisez Masquer le bloc sur ordinateur / sur mobile pour contrôler les endroits où le bloc s’affiche.