Shopify themes, liquid, logos, and UX
Hi there,
Our store is using Debut Theme and the Product Image Sizes on the Collection Pages are too small.
Our page is here: https://dearabigael.com/collections/dress-shop
There is another store using a very similar implementation of Shopify and they have the correct images here: https://www.marigoldmustang.com/collections/dresses
Screenshots
Current:
Desired:
I have fixed a similar problems on the homepage with the 'featured collection' section by using the steps outline in this support thread, but the same fix did not work for collections: https://community.shopify.com/c/Shopify-Design/Debut-Theme-Change-size-of-featured-collection-pictur...
Any help would be greatly appreciated
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.grid-view-item__image-wrapper {
max-width: 343px !important;
max-height: 540px !important;
}
#Collection .grid-view-item__image {
max-width: 343px !important;
max-height: 540px !important;
}
Hope this works.
Thanks!
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
.grid-view-item__image-wrapper {
max-width: 343px !important;
max-height: 540px !important;
}
#Collection .grid-view-item__image {
max-width: 343px !important;
max-height: 540px !important;
}
Hope this works.
Thanks!
What if I also want to change the image size of the featured collection
Hi,
Thanks for the solution but how can I put the texts at the same level?
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025