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
433 68 99

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
433 68 99

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
4400 1006 1657

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!


PageFly - #1 Page Builder for Shopify merchants.


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.