Shopify themes, liquid, logos, and UX
Hi there,
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?
Thanks!
Please attach a link to your store and what theme you're using.
Hi Columbus_Themes,
Please find our store link below:
https://alexandriabooks.com.au/
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.
Hi Columbus_Themes,
Just wondering whether you had any luck with solving this?
Let me know if you require anything else.
Regards,
Phoenix
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:
- https://alexandriabooks.com.au/
- https://alexandriabooks.com.au/collections/our-favourites
- https://alexandriabooks.com.au/collections/accessories
- https://alexandriabooks.com.au/collections/best-selling-non-fiction
- https://alexandriabooks.com.au/search?q=a&options%5Bprefix%5D=last
Let us know if you have any queries.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024