Removed Zoom From Product Images But Can't Click On Other Photos

Removed Zoom From Product Images But Can't Click On Other Photos

Robert_Smith_UK
Excursionist
25 0 8

I've removed the zoom feature for the product images owing to the fact the default zoom level on Dawn is set at some insane (and seemingly unchangeable) level. I found a YT tutorial and placed the following code in the section-main-product.css file:

 

.product__media-toggle {display: none !important;}

.product__modal-opener .product__media-icon {display: none !important;}

 

So this has worked and zoom is removed completed. HOWEVER - for products where I've got multiple pictures I now can't select them in order to see (for example) pictures 2, 3 or 4 at even the "regular" size. So the main picture is at the normal size and all subsequent pictures are at a reduced (large thumbnail) size, but these are now seemingly locked. I want to be able to cycle through them and have them displayed in turn as the main picture.

 

So now I have the opposite problem. I removed the insane zoom but now all but the first product picture are all large thumbnails and I can't select them to view them.

 

Anyone got a solution?

Replies 4 (4)

Robert_Smith_UK
Excursionist
25 0 8

I've also tried changing the option in the Default Product Page (which all my products are based on). In the Product Information section, on the right-hand side there's an Image Zoom section with two options: Open Lightbox & No Zoom. I was just watching another YT tutorial that said if you select "No Zoom" it would disable the zoom feature. However this doesn't appear to work and if I remove the code that I showed in my first post, the zoom function just comes back again despite being disabled in the Product Information section.

 

In this instance, this was the YT tutorial I watched:

https://www.youtube.com/watch?v=9c1UceRVuyw

Made4uo-Ribe
Shopify Partner
8231 1975 2421

Hi @Robert_Smith_UK 

 

As far as I understand, you want to be able to click the stacked images in the product and that should show as the bigger image. This is not an offered feature in default  Dawn theme, therefore, you need to have a developer right the code for you

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Robert_Smith_UK
Excursionist
25 0 8

Yeh I kinda figured that. As one of the more popular themes it really *should* be in there by default though. It's like a basic feature of pretty much every eCommerce site I've ever seen...

Robert_Smith_UK
Excursionist
25 0 8

I did actually think of a cheesy work-around. You can switch the zoom off then create variations that are all for the same product but each has a different picture. Then call the variations something like "pic 1", "pic 2" etc. This might only work for products that you make on demand however and therefore basically have unlimited amounts of them, due to the way the variation list works whereby it requires an amount available for each option (i.e. each picture)