Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Having issues making the product images the same size in the Dawn theme.
I have tried a number of scripts from this Shopify Community but they do not work.
Starting on a limited budget and would prefer not to have to subscribe to an APP to resize the images.
My shop is here - 8fdc5d-2.myshopify.com
Solved! Go to the solution
This is an accepted solution.
To fix the issue on the product pages I found that retaking the image with larger X Axis will bring all the images to the same size on the product page.
hello, hillsuser
your store is password protected, please provide the password to view the storefront
Found the password, it is - aofepa
go here:
try adding this to this file
Not sure what this did, the product page images are still different sizes.
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
@media screen and (min-width: 767px){
#shopify-section-template--16493979074726__featured_collection .card__media {
height: 269px;
}
#shopify-section-template--16493979074726__featured_collection .collection .media>img {
object-fit: cover !important;
}
}
</style>
Or simply update the image to be the same size - currently your first product image are not same with the second one
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Thanks Richard,
That fixed the issue on the home page with the images, but they are still different sizes on the product pages.
This is an accepted solution.
To fix the issue on the product pages I found that retaking the image with larger X Axis will bring all the images to the same size on the product page.