Problem in Woocommerce product images

  • Resolved shogen

    (@shogen)


    2 years, 10 months ago

    Hi,

    I’m using the free version with a Divi child theme and Woo commerce.

    It′s a great pluging that I like, but I have seen two problems:

    On mobile, the zoom lens overlays the menu when it’s unfolded.

    Sometimes in products the zoom is applied to an image in the thumbnails, not just the main image.

    Here is an example link so you can take a look:
    https://shogenes-cp569.wordpresstemporal.com/pruebas/escultura/mascaron-fauno-patinado/

    I’m using WP Rocket and tried to disable the lazy load images option but it doesn’t work.
    I also tried to put code that I saw in a previous question about the mobile menu, but it didn’t work either, maybe I didn’t do it correctly,

    Thanks in advance for your help

    • This topic was modified 2 years, 10 months ago by shogen.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author SilkyPress

    (@diana_burduja)

    Hello,

    the linked website is behind a basic authentication prompt. Let me know when I could have a look.

    Thread Starter shogen

    (@shogen)

    Hi,

    Sorry, try User: test
    Password: Test1234

    Thanks

    Plugin Author SilkyPress

    (@diana_burduja)

    You can place the menu above the zoom lens by adding the following CSS rule to your website:

    .et-db #et-boc .et-l.et-l--header .et_builder_inner_content{
    z-index:2000 !important;
}

    or, if you want to place the menu above the zoom lens only for mobile devices, then you can use the following CSS rule instead:

    @media (max-width:700px) {
.et-db #et-boc .et-l.et-l--header .et_builder_inner_content{
    z-index:2000 !important;
}
}

    I’ll also look now into the “sometimes the zoom is applied to an image in the thumbnails, not just the main image.” issue and get back to you.

    Thread Starter shogen

    (@shogen)

    ok

    The menu issue is fixed!

    Thank you very much.

    Plugin Author SilkyPress

    (@diana_burduja)

    The “sometimes the zoom is applied to an image in the thumbnails, not just the main image” effect shows up because the zoom is applied twice on the gallery: once because the “Enable the zoom on WooCommerce products” option is enabled on the “WP Admin -> WP Image Zoom -> General Settings” page and a second time because there is a “zoooom” CSS class added to the gallery’s parent element.

    Would you please remove the “zoooom” CSS class from the gallery’s parent element? See this screenshot.

    Thread Starter shogen

    (@shogen)

    Perfect!

    I hadn’t realized that these products had inherited the CSS class from a previous template

    I really appreciate your help

    I love how the products look.

    Thanks!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Problem in Woocommerce product images’ is closed to new replies.