BuddyBoss Home – Web › Support Forums › Themes › OneSocial theme › Remove cart button that appears below "favorites" heart on all product images
- This topic has 6 replies, 2 contibutors, and was last updated 8 years, 7 months ago by Anve S..
Question
April 15, 2016 at 3:03 pm #68498@kruttenCould 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
April 16, 2016 at 1:33 am #68539@anveHi @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
AnveApril 16, 2016 at 6:42 am #68566@kruttenHi @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?
April 16, 2016 at 7:14 am #68577@anveHi @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
AnveApril 16, 2016 at 8:19 am #68585@kruttenThanks @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.
April 16, 2016 at 8:56 am #68595@kruttenI figured it out…I just needed to add a.button.product_type_external to the code you provided. Thanks for your help @Anve. 🙂
April 17, 2016 at 11:03 pm #68690
- The question ‘Remove cart button that appears below "favorites" heart on all product images’ is closed to new replies.