Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 21, 2019 at 9:26 pm #1056887
    vevans2

    Hello

    How can I remove the hover effects for the product image?
    I included a screen shot of a product image being hovered on the product page.

    View post on imgur.com

    Thank you,
    Valerie

    January 22, 2019 at 6:51 am #1057053
    Jordan Shannon

    Hey vevans2,

    Please add the following to quick css:

    Image

    Best regards,
    Jordan Shannon

    January 24, 2019 at 3:35 pm #1058194
    vevans2

    Hi Jordan,

    Thank you for the link to the doc page. It worked!
    I also see from the doc page that there is a way to prevent the image from opening in a lightbox. I am interested in removing this effect from the woocommerce single product page images. The doc does not provide instructions on how to do there.

    How can I prevent the single product page image from opening in a link box (so there is no effect/link, make it not clickable)?

    Thank you,
    Valerie

    January 25, 2019 at 4:44 am #1058457
    Jordan Shannon

    Hi,

    Add this to quick css:

    .single-product-main-image {
pointer-events: none;
}

    Best regards,
    Jordan Shannon

    January 25, 2019 at 7:12 pm #1058878
    vevans2

    Thank you!

    Valerie

    January 25, 2019 at 11:36 pm #1058942
    Jordan Shannon

    Hi,

    No problem at all, I’m happy to help. If you need anything else, please let us know here in the forums

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘remove graphic on product image hover’ is closed to new replies.