New Shopify Certification now available: Liquid Storefronts for Theme Developers

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

Robert_Smith_UK
Excursionist
22 0 5

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
22 0 5

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
4181 959 1166

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Robert_Smith_UK
Excursionist
22 0 5

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
22 0 5

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)