zoomed image beneath product image woocommerce

  • Resolved asw

    (@astreetweb)


    5 years, 6 months ago

    I have the plugin installed and the script is running. On mouseover, I can see the zoomed image peeking from beneath the product image. I think this has to do with z-index but cannot figure out what element name to set it on. Can you help.

    I am using Ecommerce Gem Plus child theme.

    Thanks!

    The page I need help with: [log in to see the link]

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

    (@diana_burduja)

    It looks like the theme is adding a layer on top of the whole page with a high z-index.

    You can add the following CSS rule to your website:

    
div#sticky-wrapper { z-index: 20 !important; }
    Thread Starter asw

    (@astreetweb)

    That did the trick. THANK YOU! How did you find what element needed the CSS? Do you have a tool to help detect it?

    Plugin Author Diana Burduja

    (@diana_burduja)

    Here is a screencast of how I found the element with the high z-index.

    The image didn’t have any z-index set. Then I went up to each of its parent elements and looked for their z-index rules. The zoomContainer has an index of 999, anything higher than that would cover the zoom lens.

    Thread Starter asw

    (@astreetweb)

    That is so helpful! Thank you so much for going beyond the call. You are a peach!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘zoomed image beneath product image woocommerce’ is closed to new replies.