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

Issues making product images the same size in Dawm Theme

Solved

Issues making product images the same size in Dawm Theme

HillsUser2155
Tourist
9 1 1

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

 

Accepted Solution (1)

HillsUser2155
Tourist
9 1 1

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.

View solution in original post

Replies 7 (7)

Uhrick
Shopify Partner
435 68 102

hello, hillsuser

 

your store is password protected, please provide the password to view the storefront

Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution
HillsUser2155
Tourist
9 1 1

Found the password, it is - aofepa

Uhrick
Shopify Partner
435 68 102

go here:

Uhrick_0-1706661411307.png

 

try adding this to this file

Uhrick_1-1706662590468.png

 

Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution
HillsUser2155
Tourist
9 1 1

Not sure what this did, the product page images are still different sizes.

PageFly-Richard
Shopify Partner
5011 1120 1806

Hi @HillsUser2155 

 

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.

HillsUser2155
Tourist
9 1 1

Thanks Richard,

That fixed the issue on the home page with the images, but they are still different sizes on the product pages.

HillsUser2155
Tourist
9 1 1

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.