Refresh Theme - Resize product page image and title

Store Design
1

Hi, I’ve used the Refresh theme from Shopify but the images on the product page are too big (even when selecting ‘small’ in the settings). How do I set the image size as well as the product title to be smaller on the product page? Thanks in advance

2

Hey @adrian_k ,

Can I have the link to your store? Thanks!

3

Hi, https://sigmasolar.gr/

Thanks

4

Yeah I’ve just switched out from Dawn theme as I prefer the product gallery layout of Refresh. Need to update landing page image etc but all products are there. Do you know how to amend image size on product page?

5

Hey @adrian_k ,

Are you talking about the size of the image when you click into it?

ThePrimeWeb_0-1708126744983.png
ThePrimeWeb_0-1708126744983.png626×718 41.9 KB

If it is,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_1-1708126871752.jpeg
ThePrimeWeb_1-1708126871752.jpeg1253×933 87.9 KB

6

Thanks for your reply, ThePrimeWeb. I’m looking to change the image size on the product page, not when you click on the expand button you’ve highlighted. See screenshot below:

Screenshot 2024-02-17 104647.png
Screenshot 2024-02-17 104647.png1760×1039 144 KB

7

Hey @adrian_k ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708178412764.jpeg
ThePrimeWeb_0-1708178412764.jpeg1253×933 87.9 KB

8

That’s worked perfectly, thanks for your help

9

Hey @adrian_k ,

I realised it broke the mobile version. Can you replace the previous code with the following.