Product Images Too Large on Desktop

Solved

Product Images Too Large on Desktop

Dalma3
Tourist
10 0 2

I have read many posts on this board, and I cannot find a solution for my issue.

 

I am using the Spotlight theme and all my product images are so large. I have tried going into the products themselves and resizing the image using Shopify's built-in resize option. If I change a product image's size to 300px x 300 px, the image will still be the same size on the product page as before but will be blurry instead.

 

How can I reduce the product image on desktop to be 1/2 or 1/4 of what it is now? Here is a screenshot:

 

Screenshot 2024-08-15 at 7.33.51 PM.png

Accepted Solution (1)

brandboostup
Shopify Partner
30 2 1

This is an accepted solution.

Go to customization on your product template and check for this section in the screenshot. 

brandboostup_0-1723769225483.png

brandboostup_1-1723769290207.png

Then click on it to open it and change the size of the media according to your preferences.

 

Ragib Ali

View solution in original post

Replies 3 (3)

brandboostup
Shopify Partner
30 2 1

This is an accepted solution.

Go to customization on your product template and check for this section in the screenshot. 

brandboostup_0-1723769225483.png

brandboostup_1-1723769290207.png

Then click on it to open it and change the size of the media according to your preferences.

 

Ragib Ali
Dalma3
Tourist
10 0 2

Thank you, thank you, thank you! So many hours spent looking for a solution to this issue (and trying all kinds of custom code people suggested on other posts), and your straightforward solution worked!!!

brandboostup
Shopify Partner
30 2 1

Thank you so much for your kind words! I'm really glad that the solution worked for you. If you have any more questions or need further assistance, feel free to reach out. We're always here to help! @brandboostup 

Ragib Ali