Shopify themes, liquid, logos, and UX
Hoping someone can assist us with adapting our product images within the image container on the collection pages.
We like the size of the 'portrait' option, however as our images vary in size it cuts the overflow off so you cannot see the whole image.
Ideally we would like them to look similar to the 'adapt to image' option, however for the bottom of the images to remain in line. They are currently aligned at the top, which makes the product names, etc. float upwards and looks quite messy (refer below).
After some research there appears to be a line of code which does this (object-fit: contain), however it doesn't seem to work when inserting it anywhere in my code.
Does anyone know a solution for this?
Please attach a link to your store and what theme you're using.
Please find our store link below:
We are using the Dawn theme (version 8.0.0)
Can't see the case you're showing on the screenshot, please change your theme settings to exactly match the case you're mention.
Just wondering whether you had any luck with solving this?
Let me know if you require anything else.
Tbh we didn't manage to find the page having the issue you're mentioning, if you can please attach a link to a page that's having such an issue.
Hi Columbus Themes,
All the pages with products are having this issue - refer below for a few:
Let us know if you have any queries.
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...By Jacqui Mar 30, 2023
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...By Jacqui Mar 10, 2023
Upskill and stand out with the new Shopify Foundations Certification programBy SarahF_Shopify Mar 6, 2023