SINGLE PRODUCTS IMAGE ZOOM ISSUES

[gflwrg]

Hello guys, I have got a serious issue with both my Neighborhood & Atelier themes after updates.

On the single product pages, the images are on zoom by default on mouse over.

Also, all the images zoom in an oblong manner, quite disturbing (see image attached)

Will really appreciate some help as these are live sites.

Kindest regards.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us admin credentials in a private reply to have a look at your site?
Thanks

-Rui

[gflwrg]

This reply has been marked as private.

[gflwrg]

This reply has been marked as private.

[David Martin – Support]

Can you disable the child theme whilst we look, I cannot see via the editor what parent theme files you are overwriting if at all via the child theme.

Thanks.

[gflwrg]

Hello David,

will do that now. Can you try not to disable the main theme through out the process please, it messes up the widgets.

Thanks in advance.

[David Martin – Support]

Can you remove your custom CSS:

[gflwrg]

Hello David, many thanks. That actually done the trick,

The thing is this code actually helped me ensure the image isn’t too big in the single products page;

/* Single product image display size */
.woocommerce div.product div.images img {
    display: block;
    width: 85% !important;
}

How do I carry on using it without facing the stretch issue again 🙂 Is it just a matter of defining height too?

[gflwrg]

When i gave this code a go;

/* Single product image display size */
.woocommerce div.product div.images img {
    display: block;
    width: 85% !important;
    height: 100% !important;
}

It created a cool parallax/glide effect. Although its pretty cool, what I was after is a resize. Removing the code all together makes the images too large.

[f_hussain]

This reply has been marked as private.

[David Martin – Support]

@gflwrg – you can reduce the image area size using this option: Theme Options => WooCommerce Options => Shop Options => Override Product Image Width

@f_hussain – Please start a new thread and privately post your WP login details, providing full details and past ticket references.

Thanks.