BuddyBoss Home – Web Support Forums Themes OneSocial theme Remove cart button that appears below "favorites" heart on all product images

Viewing 7 posts - 1 through 7 (of 7 total)
  • Question

    #68498
    @krutten

    Could you please tell me how to disable/remove the add to cart button that appears when you hover over all product images? (The one directly below the “favorites” heart button.)

    Answers

    #68539
    @anve

    Hi @krutten,

    You can try using the following plugin to remove the add to cart button from your products.

    https://wordpress.org/plugins/remove-add-to-cart-woocommerce/

    If this helps please let me know.

    Regards
    Anve

    #68566
    @krutten

    Hi @Anve … I do not want to remove the add to cart button in general. I just want to remove the one that appears when you hover over the product image on the shop page and seller/shop collection pages because it makes it difficult to click on the product and see more info. (I am using smaller product images and the button covers most of the image.) I believe it’s the OneSocial theme and/or Marketplace plugin (or maybe WC Vendor?) that creates that feature, not something inherent to Woocommerce, correct?

    From what I can tell, that plugin would remove the button entirely from chosen products. Any other suggestions?

    #68577
    @anve

    Hi @krutten,

    Please try following css to remove the add to cart just on hovering the products.Apply in child theme’s custom css option.

    
    .archive .shop-main-area .product-item-buttons .add_to_cart_button {
      display: none !important;
    }
    

    Regards
    Anve

    #68585
    @krutten

    Thanks @Anve … that worked for the regular products but not for external/affiliate products, which is what nearly all of the products are in my shop. The button still appears on just those products.

    Those products are the reason the buttons are a problem in the first place, because when you put in the text that goes in the button (ie. Buy Now, etc.), it makes the button bigger. Limiting the text to just a few letters is not an option. I’ve included a screenshot to show you what I mean.

    #68595
    @krutten

    I figured it out…I just needed to add a.button.product_type_external to the code you provided. Thanks for your help @Anve. 🙂

    #68690
    @anve

    Hi @krutten ,

    Great that you sorted it out 🙂 . I’ll close this topic now . For any other questions please create a new topic.

    Regards
    Anve

Viewing 7 posts - 1 through 7 (of 7 total)
  • The question ‘Remove cart button that appears below "favorites" heart on all product images’ is closed to new replies.