Jump to content


This topic is now archived and is closed to further replies.


WooCommerce/PrettyPhoto Menu Issue

Recommended Posts


I have a horizontal menu system, using the UberMenu 3 adapter and UberMenu 3 along with DMS v2.1.9.1 and a WooCommerce plugin called Cloud Zoom (for magnifying product photos) (http://www.mrova.com/woocommerce-cloud-zoom/, which seems to use the jQuery lib PrettyPhoto, I'm not a programmer, so I'm not positive).


The trouble is, when I hover over the menu, the photo is displayed on top of the menu, and whatever is on the menu is hidden by the photo. It happens in all major browsers, so I don't think it is a browser issue. 


 Here's the code from that div when grabbing it out of Firebug:
<div class="images">

<div style="top:0px;z-index:9999;position:relative;" id="wrap"><a data-rel="prettyPhoto[product-gallery]" title="Euro Wood" class="zoom first cloud-zoom" href="http://fastcarts.davidstellsphoto.com/wp-content/uploads/2014/12/SWF2001.jpeg" rel="zoomWidth:'auto',zoomHeight: 'auto',position:'right',adjustX:0,adjustY:0,tint:'false',tintOpacity:0.5,lensOpacity:0.5,softFocus:false,smoothMove:3,showTitle:false,titleOpacity:0.5" style="position: relative; display: block;"><img width="300" height="300" alt="Euro Wood" class="attachment-shop_single" src="http://fastcarts.davidstellsphoto.com/wp-content/uploads/2014/12/SWF2001-300x300.jpeg" style="display: block;"></a><div style=";z-index:999;position:absolute;width:341px;height:341px;left:0px;top:0px;" class="mousetrap"></div></div>
<div class="thumbnails"><a data-rel="prettyPhoto[product-gallery]" title="Euro Wood" class="zoom first" href="http://fastcarts.davidstellsphoto.com/wp-content/uploads/2014/12/SWF2001.jpeg"><img width="300" height="300" alt="Euro Wood" class="attachment-shop_single" src="http://fastcarts.davidstellsphoto.com/wp-content/uploads/2014/12/SWF2001-300x300.jpeg"></a></div>


I've also attached a few screenshots and the URL I'm using as an example is: http://fastcarts.davidstellsphoto.com/product/14-euro-wood-steering-wheel/




Share this post

Link to post
Share on other sites



Unfortunately, your issue is with either UberMenu or the Cloud Zoom, we do not provide support for third party plugins. Therefore, you're going to need to contact the support for both plugins.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites



That's odd because it works under the FlatMarket theme without any modification. I figured it had to be the theme. I'll ask the other plugin developers for assistance. Thanks.

Share this post

Link to post
Share on other sites

  • Similar Content

    • optionease
      By optionease+
      Using WooCommerce with PL5, PageLines Framework and PageLines.com theme with ShopLines.  Whenever click on a product category in the Shop, receive The site is experiencing technical difficulties.  Please help.
    • Jessica McCabe Lawson
      By Jessica McCabe Lawson+
      I'm building a product catalog site. The featured image is set correctly, but the woocommerce placeholder image is displaying instead. If I click on the placeholder image, the featured image appears, and the featured image works fine as a thumbnail.
      Please view the site here: http://www.directmat.net/product/power-lock-logo-mat/
      Note: I deleted the placeholder image via FTP to see if that would inspire Quick Shop to look for the featured image. No such luck. Please help!
    • mtaus
      By mtaus
      I'm using Woocommerce in a Pagelines framework. When I build out a product, I'm able to add images in the admin panel and the
      Product Image will display on Shop page, but neither the Product Image nor the Product Gallery will display on the product's dedicated page.
      Shop: https://bendbotanics.com/shop/
      Product Example: https://bendbotanics.com/product/500mg-full-spectrum-hemp-oil-fsho/
      Any help would be greatly appreciated!
    • cdracos
      By cdracos+
      Hello everyone,
      I face a common problem as I can see on relevant topics with quickshop plugin. 
      On Product Single page of woocommerce, i use quickshop as layout. The primary photo of my product doesn't appear on the thumb slider, but the first image is the default placeholder. 
      Need some help not with custom script in the product description for each product. 
      Have a look on my website: http://lillyandsid.gr/shop/camp-things-top/
    • bnapoli
      By bnapoli+
      I have Quickshop installed on my WooCommerce section of this website: http://a04.125.myftpupload.com/
      Main Shop: http://a04.125.myftpupload.com/?page_id=1198
      I've having what appears to be CSS issues on the individual product pages. After cleaning up any code accessible from the wp-admin, the page still appears broken. I never tried to customize it, it just came broken like this right out of the box.
      You can see examples of it broken on every single product page, see here:
      Can somebody help?