Jump to content

Archived

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

1pp1k10k4m1

WooCommerce/PrettyPhoto Menu Issue

Recommended Posts

1pp1k10k4m1

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>

</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/

 

Thanks!

 
 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

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
1pp1k10k4m1

Hi,

 

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

    • 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:
      http://a04.125.myftpupload.com/?product=futaba-14sg-14-channel-2-4-ghz-radio-system
      http://a04.125.myftpupload.com/?product=gremsy-gstabi-h7-brushless-3-axis-gimbal
      http://a04.125.myftpupload.com/?product=dji-inspire-1-zenmuse-x5-gimbal-and-camera-unit
      http://a04.125.myftpupload.com/?product=dji-wookong-m-flight-controller
      Can somebody help?
    • King Creative Design
      By King Creative Design+
      I am setting up a Woocommerce site using PL Framework and Platform 5. I added a hook so the category description appears under the category page titles (on archive pages). However, it also appears under the title on the main "shop" page (which I have renamed "Catelog" page). There is a default description here and I can't figure out for the life of me where it is being generated from so I can change it. Any ideas how to change it or delete it on the main shop page ONLY? The staging site is here - http://16e.117.myftpupload.com/ and the page in question is http://16e.117.myftpupload.com/catalog/
      I have hit up Woocommerce support and they weren't familiar with Platform 5 and recommended I contact you.
      Your help would be appreciated, thanks!
      Michele

    • DonRicardoRVM
      By DonRicardoRVM+
      Hi
      First of all, sorry for my bad english.
      I have a shop with Woocommerce, platform-5 and PL Quicshop, and it´s all OK, but there is a prloblem: in the category page product I don´t get dosplay the bubble "price" when the product is in sale. 
      Example:
      This is my product category page, without the bubble: https://globosdemar.com/categoria-producto/collares/
      And this is othrer shop with the bubble: https://www.usaprocom.com/product-category/fireplace-systems/
      Somebody knows how solve this?
      Thanks
    • dwpoyner
      By dwpoyner+
      Not sure exactly what is causing the issue. For some reason, why you view my site on mobile, the menu does not show up. It will pop up, but it is black. You can check it out here: http://dev.caryfbc.org. I'm also attaching a screenshot where I shrunk my browser down. Any suggestions?

    • hibbsy78
      By hibbsy78+
      Anyone having issues with Apple Pay & woocommerce? Before I start with trying to disable plugins one by one I thought I'd check here first!
      I'm having issues with the payment processing part which just times out?
      https://www.hibbslupustrust.org/shop/
       
      Thanks!
×