All things Shopify and commerce
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?
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:
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
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...
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)
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024