I am selling prints, and would like to disable the auto-zoom on each individual product so the buyer can see a bigger scale rendition of the print they are buying. My template does not have an option to disable autozoom on images. I am using Lange.
I was able to make this happen on the main products page using the code below:
Hi All,
I am selling prints, and would like to disable the auto-zoom on each individual product so the buyer can see a bigger scale rendition of the print they are buying. My template does not ha
Hi @fantasiummedia.
Here's how I'd approach it. Note that object-fit is focused on fairly modern browsers.
.ProductItem-gallery-slides-item-image {
object-fit: contain !important;
obj
Question
fantasiummedia 3
Hi All,
I am selling prints, and would like to disable the auto-zoom on each individual product so the buyer can see a bigger scale rendition of the print they are buying. My template does not have an option to disable autozoom on images. I am using Lange.
I was able to make this happen on the main products page using the code below:
Unfortunately I'm not savvy enough to get that to apply to the individual product.
Here is a link to a good example of an image that is being cropped: https://www.fantasiummedia.com/prints/stars-over-lake-atitlan
Offering a print of your choice at cost for anyone that can help!
Link to post
Top Posters For This Question
3
2
2
2
Popular Days
Jun 15
3
Oct 27
2
Oct 4
1
Oct 4
1
Top Posters For This Question
tuanphan 3 posts
fantasiummedia 2 posts
brandon 2 posts
Arch 2 posts
Popular Days
Jun 15 2020
3 posts
Oct 27 2020
2 posts
Oct 4 2020
1 post
Oct 4 2019
1 post
Popular Posts
fantasiummedia
Hi All, I am selling prints, and would like to disable the auto-zoom on each individual product so the buyer can see a bigger scale rendition of the print they are buying. My template does not ha
brandon
Hi @fantasiummedia. Here's how I'd approach it. Note that object-fit is focused on fairly modern browsers. .ProductItem-gallery-slides-item-image { object-fit: contain !important; obj
rbiggs89
Hey Brandon - where are you using the code above? The products page header code?
Posted Images
17 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment