Hey, so here’s the issue : I installed in my store a slick slider, that I combined with the Jquery.zoom as follows
{% for image in product.images %}
{% endfor %}
{% for image in product.images %}
{% endfor %}
The thing is that the way my js is put results in the same “zoomed image” being shown on hover even after clicking on another image. What should I do in order to fix this ? Maybe the zoom script should depend on the slick slider one, but how ?
Hello, @PascalBro ,
The js probably isn’t instanced in each element.
Think of it like all of those elements having 3 stops, but share the second stop (the js code).
Each must have its own stop/instance.
If you’d like further assistance, please message me.
Hello, @PascalBro
I’ve made a little demo that allows for slide and zoom.
https://raw.githubusercontent.com/Lolxygen-com/slide_zoom/main/index.html
the rest of the files to run it are in the repository.
I can’t thank you enough, it works !