single product image

I have 2 question here (and appreciate if anyone can help):

1). The main product image width (container) in single product page appears to be smaller than the width of the gallery under it.
If you look at this picture

you will see the width of main picture is smaller than the width of gallery under it and the magnifying glass is partially outside of it.

But when I move the mouse pointer on the image it will zoom on the picture and the width of the main picture become the same size as the width of the gallery under it, see it in this picture

How can I fix this so the width of the main picture will always be the same size as the width of gallery?

2). I am also trying to remove zoom on hover and the lightbox from woocommerce single product page.

I tried using code below in my theme’s functions.php file:

function ijab_disable_wc_lightbox_zoom() {
    remove_theme_support( 'wc-product-gallery-lightbox' );
    remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'after_setup_theme', 'ijab_disable_wc_lightbox_zoom', 20 );

It disables zoom on hover and lightbox, but now when I click on the image, the full size picture will open in a new tab.

by the way I am using Storefront theme.

Any help would be appreciated

• This topic was modified 4 years, 5 months ago by babakras. Reason: add theme name