How do I change the size of a product page image? (horizon theme)

Hi,

I’m trying to change the size of a product page image in Shopify Horizon theme.

Can somebody help me?

Hey @ottenniels ,

Could you please share the store url and password [if applicable] so that I take a look and provide you solution code.

Thanks

Hey Script!

my websit is ottencards.nl

Hey @ottenniels ,

Thanks for sharing the store URL. I found that this issue can be fixed by using the square image [eg. 1000px by 1000px].

The current one images are not in square. Please share collab code in the p/m so that I make all product images square.

If I provide you code the these images will stretched.

Waiting to hearing back.

3097

@The_ScriptFlow 3097 is the code. forgot to tag you in previous message

Hi @ottenniels did you able to resolve the issue with the solution provided by @The_ScriptFlow ?
If not, you can try with custom css as well. Here is the code for this. Please follow the steps.

  • Go to the code editor
  • Search for file base.css
  • Please add the provided code at the bottom of the base.css file.
  • Save the file and check the preview.

Thanks!

.product-information__media slideshow-slide .product-media{
   height: 60vh;
}

Hey! @ottenniels ,