FROM CACHE - fr_header

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

RÉSOLU
WriteProject
Touriste
10 0 0

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

1 SOLUTION APPROUVÉE
rochelin_
Shopify Partner
53 5 6

Succès.

Salut WriteProject,

Voici comment retirer cet effet de pagination vers le bas :

1- Cliquez sur ‘Modifier le code’

mo code.png

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

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

Développeur de thèmes Shopify
Je personnalise ta boutique
Je crée une boutique Shopify avec un seul produit

Voir la solution dans l'envoi d'origine

2 RÉPONSES 2
rochelin_
Shopify Partner
53 5 6

Succès.

Salut WriteProject,

Voici comment retirer cet effet de pagination vers le bas :

1- Cliquez sur ‘Modifier le code’

mo code.png

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

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

Développeur de thèmes Shopify
Je personnalise ta boutique
Je crée une boutique Shopify avec un seul produit
WriteProject
Touriste
10 0 0

Ca fonctionne parfaitement.
Un grand merci Rochelin !