Double image on woocommerce shop

  • Resolved faithlessdbo

    (@faithlessdbo)


    8 years ago

    Hello WordPress community, this is my first post in here so please go easy on me.
    I’m trying to setup a woocommerce shop on my website and I have encountered a problem. This is probably not the only one, but for now this is bothering me the most.

    On the shop page I got a thumbnail of the image. But upon hovering the product image there will be a different image. This is the follow up image of the actual product when you get to the item itself. I figured out that there are 2 images on the same layer (with Google developer tools, F12). When I remove 1 of these images it’s going back to the way it’s supposed to be. What did I do wrong while customizing the shop / website?

    If you want a demo you can check out the website following this link: https://www.crystalcave.nl/en/shop/

    I hope I have given enough information to describe the problem correctly.

Viewing 4 replies - 1 through 4 (of 4 total)

  • I loaded up your theme and did not see this behaviour, so its coming from one of your plugins. The most straightforward way of finding out which one is to temporarily deactivate all of them except WooCommerce. Do you see the second image now?

    Reactivate plugins one by one to try to identify which one is doing this.

    Thread Starter faithlessdbo

    (@faithlessdbo)

    Even when I disable all of the plugins except for Woocommerce I still have the same problem.

    I loaded up Shop Isle (no plugins except WC) again and tried a bit harder. I got the same effect as you report – hover brings up a follow up image which is the first product gallery image. Not many of my products have gallery images which is probably why I didn’t notice first time. So, it looks like this an intentional theme effect.

    I can’t see a way of turning it off in theme customisation, but you can hide the hover image with this custom css:

    ul.products li.product img:nth-child(2) {
  display:none
}

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    I’m confident this is a Shop Isle issue. To take it further, you could post on the Shop Isle support forum:
    https://www.ads-software.com/support/theme/shop-isle
    There you may get a better opinion from other Shop Isle users or from the theme author. Perhaps ask for a setting to turn off the double image effect in a future update.

    Thread Starter faithlessdbo

    (@faithlessdbo)

    You sir, are my hero! That was indeed the solution to the problem I was having! I will take a look into the suggestion you made. This way other users will not have this problem.

    Have a nice day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Double image on woocommerce shop’ is closed to new replies.