Mega Menu drop down menu fails with WP image zoom

  • Resolved mark

    (@mvdveek)


    8 years, 7 months ago

    First of all I really like WP image zoom as it’s a simple, elegant all I need solution. However I have an issue on the storefront woocommerce product pages of my shop. When clicking on the “mega menu” a sub menu drops down over the product image. When I hoover my mouse over this menu the product image zoom function takes over and the menu disappears.
    I tried changing the z-index of the Mega Menu however the WP image zoom overrules this and thus the dropdown menu cannot be used.

    I have wordpress 4.5 with Storefront
    Max mega menu 2.1.5
    WP image zoom 1.2.8

    Any thoughts on how to set priority so that the dropdown menu stays on top of the image while using WP image zoom?

    Many thanks!

    https://www.ads-software.com/plugins/wp-image-zoooom/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Diana Burduja

    (@diana_burduja)

    Hello Mark,

    yes, changing the z-index won’t help because there is still an ‘onhover’ action in jQuery that enables the zoom window. Unfortunately I cannot do anything about it.

    If it helps, you might consider the WP Image Zoom PRO, as there I changed entirely the way the zoom window is constructed and it behaves differenly. You can check out this small video to see the difference. The zoom window won’t show up when you are on the menu, but once you hover over the image the zoom window will show up.

    I guess I will simply leave this incompatibility with the Max Mega Menu open for the free version of the plugin.

    Thread Starter mark

    (@mvdveek)

    Dear Diana, Thanks for the prompt reply. Upgraded to the Pro version and it works indeed as showed in the video. The Menu stays in front of the image. Great.
    However: On the main product image the resolution is as was but with the gallery pictures the resolutions is now poor and not full size anymore. With the WP image zoom (free version) these images are all at high resolution.
    Maybe not on topic anymore but advice would be appreciated ??
    Many thanks!

    Plugin Author Diana Burduja

    (@diana_burduja)

    I also noticed that this morning on my set of tests when I was checking the plugins for compatibility with WordPress 4.5.1.

    I released now the 1.2.8 version for the PRO version. That should fix the “image resolution” problem you’re experiencing.

    In case the update doesn’t show up yet in your admin (the site checks automatically every 12h for updates), I also sent you an email with the new version.

    Best regards

    Thread Starter mark

    (@mvdveek)

    Great works perfect! thanks again for the prompt reply and fix.
    //Mark

    Simple solution to fix this problem on free version that worked for my drop down menus:

    <style>
	.hide-zoom-zontainer{
		display: none !important;
	}
</style>
<script >
	jQuery('#your-menu li').hover(
		function(){
			jQuery('.zoomContainer').addClass('hide-zoom-zontainer');
		},
		function(){
			jQuery('.zoomContainer').removeClass('hide-zoom-zontainer');
		}
	)
</script>
    • This reply was modified 7 years, 7 months ago by dkatwitt.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mega Menu drop down menu fails with WP image zoom’ is closed to new replies.