Solved

How To Make All The Product Images The Same Size

Empirewaredrobe
Excursionist
17 0 8

 

 

I want to make all my product images the same size to look better online. I already tried to look at this: https://community.shopify.com/c/shopify-design/how-to-make-all-the-product-images-the-same-size/m-p/... but i do not have theme.scss.css in my Assets. Screenshot 2024-02-19 02-00-35.png

 

Screenshot 2024-02-19 01-57-10.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

This is an accepted solution.

Hi @Empirewaredrobe 

You can go to Online Store > Themes > Customize > Theme settings > Set up for Product Card > check if it has the option to change all product image same size. 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 4 (4)

Rishihuptech
Shopify Partner
490 83 94

Hi @Empirewaredrobe 
To show all images on same size put below CSS to component-product-listing.css

.halo-collection-content .productListing .card-media img {
    height: 300px;
}

.halo-collection-content .productListing .card-media{
	padding-bottom: 100% !important;		
}

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
nometalgear
Tourist
7 0 1

Where do I find component-product-listing.css??

 

I looked over on the theme code and it didn't exist, nor did I find the option to maintain same image size for products as suggested by the other user who replied to this thread.

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

This is an accepted solution.

Hi @Empirewaredrobe 

You can go to Online Store > Themes > Customize > Theme settings > Set up for Product Card > check if it has the option to change all product image same size. 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

nometalgear
Tourist
7 0 1

I can't find that. Any other way?