Before you ask please READ THIS

product image zooms OUT

in FatMoon Posts: 124
Hi,
Normally when one hovers over a product image in product page the image would zoom in. That's cool. But when site open on desktop the image stretches out based on the size of my window. And when I hover it zooms out to show the picture in its entirety. How do I have the image fixed dimensions? screen shot below with back end on 2nd screen.
https://www.sensibleedibles.com/shop/vegan-gluten-free-pumpkin-cheesecake/
image (14).png
3840 x 1182 - 1M

Comments

  • AirAir
    Posts: 10,970
    Hey :-)

    You can change the layout to fixed width for a single product.
    You can do it in Customizing → Shop(WooCommerce) settings → Single product → Content Layout → Full width + fixed content

    This is what you are looking for?

    With kind regards.
  • Posts: 124
    Hi,
    I'd like to have the width fixed so that i avoid the image expanding on desktop view. I tried what you said above with but with center fixed width as an option. But the width is still expanding in large window like below.
    image (10).png
    3840 x 2160 - 6M
  • AirAir
    Posts: 10,970
    Hey :-)

    I can see that content width is limited now, but sections/rows that you have created are using forced full width, so you will have to edit them.

    With kind regards.
  • Posts: 124
    Thanks. Worked.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!