I am using in Commerce product variation, I have setting: default for Optionset main and skin, X Slick nav for thumbnail optionset, thumbnail asNavFor for skin thumbnail, Image to Colorbox for Media Switcher (first tried Image to Elevatezoomplus).

When the Commerce product page loads, ElevateZoom Plus works on first product variation image but once you select another variation, the image will load but ElevateZoom Plus will not be working on it, and on other subsequent ones, it doesn't work. Even when you switch back to the first variation, it won't work anymore.

CommentFileSizeAuthor
#3 slick.png56.88 KBOthmanEmad

Comments

chike created an issue. See original summary.

gausarts’s picture

gausarts commented
Issue tags: -image zoom, -drupal commerce 2.x, -slick asnavfor, -elevatezoom plus

Thank you.

I haven't been able to re-check or attend to it, sorry.

Feel free to share solutions, or patches. Thanks.

OthmanEmad’s picture

OthmanEmad commented
StatusFileSize
new slick.png56.88 KB

This issue can be solved by removing the context from this line

$('.elevatezoomplus-wrapper:not(.elevatezoomplus-wrapper--on)', context).once('elevatezoomplus-wrapper').each(doZoomWrapper)

but the bigger problem is everytime you switch between the different variants, the entire wrapper is duplicated and nested.
so it starts to look something like this:

issue

gausarts’s picture

gausarts commented
Status: Active » Fixed
Parent issue: » #3217600: Support Splide, the vanilla JavaScript Slider

I have added the fix along with this issue: #3217600: Support Splide, the vanilla JavaScript Slider

Let's focus in that thread.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.