In Design -> Product Items -> Aspect Ratio it gives you just a single option. The problem that I'm having is that some images on a website i'm building are (generally) either 4:3 or 3:2, shot natively on different cameras. Is there a better way to address this so images maintain their original aspect ratio and don't follow this setting?
I wanted to continue to update this as it seems I'm not the only one with this issue. I came across the "auto" aspect ratio in 7.1 when doing a product summary block, which is fantastic. I'm not sur
Question
Meeeee 23
Hi all,
In Design -> Product Items -> Aspect Ratio it gives you just a single option. The problem that I'm having is that some images on a website i'm building are (generally) either 4:3 or 3:2, shot natively on different cameras. Is there a better way to address this so images maintain their original aspect ratio and don't follow this setting?
I found this post and some code:
.summary-thumbnail-image.loaded { object-fit: contain !important; object-position: top; width: 100% !important; height: 100% !important; position: static !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } .sqs-block-summary-v2 .img-wrapper { position: relative; width: 100%; height: auto; padding-bottom: 0px !important;
But it doesn't affect product details page...see attached screenshots.
Thanks for your help!
J
Link to post
Top Posters For This Question
7
3
1
Popular Days
Mar 30
7
Mar 29
2
Aug 25
1
Aug 27
1
Top Posters For This Question
Meeeee 7 posts
tuanphan 3 posts
AdeleThomas0 1 post
Popular Days
Mar 30 2020
7 posts
Mar 29 2020
2 posts
Aug 25 2020
1 post
Aug 27 2020
1 post
Popular Posts
Meeeee
I wanted to continue to update this as it seems I'm not the only one with this issue. I came across the "auto" aspect ratio in 7.1 when doing a product summary block, which is fantastic. I'm not sur
Posted Images
10 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