Re: Product image (preview small images un-clickable)

Product image (preview small images un-clickable)

SarahAlEmadi
Excursionist
18 0 7

Product media (only in new posted products) won't show when I click the small image preview pictures at the bottom of the main product image. 

You can see them at the bottom (in small preview size) but when I click on them it moves to the video or just lags and won't switch back. The only way to view all images is using the small side scroll pictures

 

I didn't have this issue before. It suddenly started and not Sure why. I haven't changes the code of anything and all pics are .png format. I tried JPEG format and the issue persists. 

 

Two examples: 

1) https://sarahfinejewelry.com/en-qa/collections/bracelets/products/multicolor-sapphire-ovals-bracelet...

2) https://sarahfinejewelry.com/en-qa/collections/necklaces/products/diamond-heart-bezeled-tennis-neckl...

Password: ViewOffline

 

Replies 10 (10)

webwondersco
Shopify Partner
1186 171 174

@SarahAlEmadi , I hope you are doing well.

 

So, did you mean that if you click on the video thumbnail image then you can't click on other thumbnail images for the given 2 URLs only?

 

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
SarahAlEmadi
Excursionist
18 0 7

not just the two URLS (these are just examples) 

and not necessarily videos. even if there is no video - when I click on the images at the bottom it doesn't let me. it like gets stuck on a specific image and doesn't let me see the next ones. (unless I use the small arrows embedded in the image to scroll)

SarahAlEmadi
Excursionist
18 0 7

see this URL for example 

https://sarahfinejewelry.com/en-qa/collections/rings/products/emerlad-mega-ring?variant=434037616478...

 

you can click on all thumbnails. except when you click on the middle one (with many stacked rings) - it suddenly glitches and won't let you click on the other ones 

webwondersco
Shopify Partner
1186 171 174

I don't face any glitches. But When I click on the center image in the above URL it's not getting changed. This is the issue?

 

webwondersco_0-1687614535098.png

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
SarahAlEmadi
Excursionist
18 0 7

Yes! exactly. and it happens in so many pages. not sure why since all images are the same format.

webwondersco
Shopify Partner
1186 171 174

Yes, it happens with all products. I am not sure what happened in this.

 

Did you add any additional JS? I think this issue caused due to slick slider JS. there are some issues in JS.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
SarahAlEmadi
Excursionist
18 0 7

What is JS? I never play with codes so not sure how/why this would happen. 

which code would this be part of? I can copy paste to show you 

webwondersco
Shopify Partner
1186 171 174

Yes, Please 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
SarahAlEmadi
Excursionist
18 0 7

Which part of the code should I copy? 

SarahAlEmadi
Excursionist
18 0 7

Hi! can you please help me with which code I need to show you?