Product page main image arrows removal

[dvaltas]

In the product page in the main image there is on the top left corner a 2 arrow widget that opens a pop-up window for the hole image. How is it possible to remove these arrows and this feature to be enabled when clicking anywhere within this image?

Thanks

[Kyle – SUPPORT]

Hi

Unfortunately it’s not possible to zoom on click, not without editing the code which unfortunately is not supported. You could however enable to zoom on hover in the theme options, this is the alternative option

– Kyle

[dvaltas]

Ok. Thanks Kyle.

[Kyle – SUPPORT]

No problem 🙂

[chowdhuryraj]

Hello Kyle,
How do you remove those arrows on the upper left corner of the product image, and have a fixed image (without zoom)?

thank you,
Raj

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.woocommerce-main-image.zoom {
  display: none;
}

– Kyle

[chowdhuryraj]

Thanks, Kyle. Much appreciated!

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue resolved . Great work, Thanks Kyle :-).
With Best Regards
Swift Ideas

[chowdhuryraj]

I’ve used your custom css to successfully remove the arrows on the main product page, but the arrows still remain on the other images in the product gallery slider. What is the css to remove the arrows for those images too?
For your reference, my website is http://www.subtractframe.com

Thank you!
Raj

[Swift Ideas – Ed]

Sorry Raj, correct code should have been:

#product-img-slider li a.zoom {
display: none;
}

Hope that helps!

– Ed