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

[WriteProject]

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 !!

[rochelin_ · Accepted solution]

Salut WriteProject,

Voici comment retirer cet effet de pagination vers le bas :

1- Cliquez sur ‘Modifier le code’

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.

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

[WriteProject]

Ca fonctionne parfaitement.
Un grand merci Rochelin !