Resize products

Store Design
1

Hello, how do I resize products/product photos I have uploaded within my store? I am in the reformation theme? Thank you.

2

There are multiple options you can explore to resize your store products. The best approach is to use the Shopify built-in images resizer.

By using their tool you can easily resize your product images or any images that you want. Other free options you can explore Photopea which is online image editor tool.

If you want easy to use tool then Canva is highly recommended.

3

Usually, you do not want to resize product photo files you upload. Theme should take care of resizing them to display properly.
It is always recommended to upload your photos at the maximum resolution you have/ Shopify accept.

You may want to crop them though to make them have the same aspect ratio.
This will help with more regular grids, etc.

If you mean that, say, product images take too much space on the product page, then first, check the theme documentation – Reformation Archives - Fuel Themes Documentation;
Second – check the product page sections settings – there can be settings to control pictures display and size.

If not – you need to share a link to your store and a preview password(if one is set) and explain your problem in more detail. Usually a small CSS trick should fix it.

4

hey there..

resizing product photos one by one is a huge time sink.. since you’re on the reformation theme, you might be able to skip the manual work entirely..

most modern themes (os 2.0) handle this directly in the rendering code.. try this workflow first before you edit any files:

  1. go to online store > customize in your dashboard..

  2. navigate to a collection page or the product page template..

  3. click on the “product grid” or “main product” section settings on the left sidebar..

  4. look for an “image ratio” or “aspect ratio” setting.. changing this to “square” (1:1) or “portrait” (2:3) will force the browser to crop them visually for you, keeping everything aligned without you touching the actual source files..

if you actually need to change the file itself (like if the source image is massive and slowing down the site), shopify has a built-in editor.. go to the product in your admin, click the media file, and hit the crop/resize icon.. for bulk consistency, tools like photoshop or canva are usually safer bets than relying purely on the browser..

Hope that helps..

1 Like