Encre vers le bas de la page lors d'un clic sur un produit variant sur la page produit

Français Discussions Questions et réponses sur des sujets techniques

Topic summary

Problème résolu : Lors de la sélection de variants de produit (“obsidienne” ou “carmin”) sur une page utilisant le thème Origin, la page défilait automatiquement vers le bas de la section produit de manière indésirable.

Solution appliquée :

  • Modifier le fichier media-gallery.js via l’éditeur de code du thème
  • Rechercher le terme scrollIntoView dans ce fichier
  • Commenter la ligne correspondante en ajoutant // au début
  • Enregistrer les modifications

Résultat : L’effet de défilement automatique a été supprimé avec succès. Le produit concerné était importé via Dsers depuis AliExpress et comportait plusieurs variants avec des images distinctes.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Bonjour,
J’utilise le thème “Origin”.
Sur ma page “Notre crayon” qui est notre page produit, j’ai inséré une section produit.
Notre produit (importé d’aliexpress grâce à Dsers) dispose de plusieurs variants. J’ai ajouté une image différente à deux variants différents dans la page “produit” de shopify.
Lorsque je clic sur le variant “obsidienne” ou le variant “carmin” qui dispose tous les deux d’une image, l’image change correctement.

Problème : lors du clic, mon écran pagine vers le bas de la section sans que je ne comprenne pourquoi (voir vidéo).

Le seul code ajouté en css est le suivant et l’enlever ne change rien au problème :

.product__view-details {
display: none;
}

Le site : https://b76ccc-4.myshopify.com/pages/notre-crayon

Merci d’avance !!

2

Salut WriteProject,

Voici comment retirer cet effet de pagination vers le bas :

1- Cliquez sur ‘Modifier le code’

mo code.png
mo code.png1917×927 203 KB

2-Inscrivez ‘media’ dans la barre de recherche.

3-Sélectionnez ‘media-gallery.js’.

4- Dans ‘media-gallery.js’, faites ‘cmd + f’ si vous êtes sur Mac ou ‘ctrl + f’ si vous êtes sur Windows, puis recherchez le mot ‘scrollIntoView’ et appuyez sur ‘Next’.

5- Une fois le mot trouvé, ajoutez les // au début, comme je l’ai fait.

6- Enregistrez.

drop.png
drop.png1920×923 82.9 KB

J’espère que cela pourra t’aider ! N’hésite pas si tu as d’autres questions.

1 Like
3

Ca fonctionne parfaitement.
Un grand merci Rochelin !