New Landing How can we help? Themeforest Theme Support Dante Get Rid of Add to Shopping Bag on product thumbnail hover?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Dante
  • #134001
    wattsh
    Member
    Post count: 38

    Hi, I was wondering if there’s a setting somewhere or a CSS fix I can use to get rid of the “Add to Shopping Bag” and wishlist icon that slide up from the bottom of product thumbnails when you hover over them (for example on the main shop page, category pages or on the “related products” images that show up at the bottom of product pages?)

    Please let me know. It’s a bit messed up on my related products section, and overall I feel it makes the hover experience feel cluttered.

    Thanks!

    #134116
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me website url to check the issue? DO you want to remove this over effect ? You can make it though Admin -> Theme Options -> Woocommerce Options -> Product Overlay Transition .

    Thanks
    Mohammad

    #134385
    wattsh
    Member
    Post count: 38

    The setting you mentioned is for the photo overlay, it will select whether or not to fade or transition in the second photo on hover. The text over that says “add to shopping bag” with a wishlist button that comes up from the bottom is what I want to get rid of as I mentioned in my first post.

    I actually like the photo overlay and would like to keep it for now I think. However, right now the overlay is set to off. As you can see, the text still slides up from the bottom and is screwy in the related products page anyway. I want to ditch it all. Here are some examples:

    https://heatherwatts.com/shop/

    And here, in the related products section at the bottom: https://heatherwatts.com/product/sees-things-differently-surreal-art-print/

    #134445
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce ul.products li.product figure figcaption{bottom:0px !important;}

    Thanks
    Mohammad

    #134454
    wattsh
    Member
    Post count: 38

    Hi Mohammed. Thanks very much. Actually that CSS just made them permanently visible rather than only on hover, so instead I changed it to this, which made them permanently invisible:

    .woocommerce ul.products li.product figure figcaption{display:none;}

    Thanks for your help!

    ๐Ÿ™‚

    #134460
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. I’m glad that issue resolved.
    Thanks ๐Ÿ™‚
    With Best Regards
    Mohammad

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register