Shopify themes, liquid, logos, and UX
Hi, I'm using the Dawn theme and need help! The main collection image in the collection page is stretched and distorting the collection image (which is square). How can I resize this image only for the collections page and not for the collections collage on the homepage? If that's not possible, how can I choose a different resized photo for this page? Thanks so much!
Hello @Mamaandshrimpy ,
You can choose different image for specific page. But yes there is scope that you can resize collection page product images with code. You can follow this to understand how you can resize it https://www.shopify.in/partners/blog/img-url-filter.
Next you have to find the image code and make it conditional e.g. If template == 'collection' use your custom code else use the default code. In this way you will find changes will implement on collection page only.
Thanks
Thank you so much! I did not figure out how to resize the image, but I did manage to change the default collection settings to remove the banner image which was distorting the product picture. 🙂
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