Save my name, email, and website in this browser for the next time I comment. I have modified to have my own text for our site purposes. I really like the idea of change the X icon for the trash icon, but I don’t know how to do it. How to remove the shopping cart icon in the header? This Plugin performs following functions; Developed by themelocation, 1- Remove/Disable Add to Cart from Complete Category. Thank you.. Which one are you using? My problem is the following: im using the customizr-theme and have created my own child-theme. 6- Hide Price per Product. However, nothing seems to tell us where the “white cross red circle” comes from. Jigoshop. First, we want to understand what is actually generating this icon. I just want there to be nothing, no message and no space for the message. The plugin needs to be upgraded to pro in order to set some options. The plugin is very lightweight, and it is easy to install and configure. I access all of those from the dashboard when I need them. In this way, you can find out how to change the “Menu Cart” icon, the “Add to cart” icon (if any) and all the other icons that are added by your theme or plugins! It apparently has not been updated to work with the latest version of WooCommerce. Also, If Someone want to replace add to cart with inquiry button he can do that too with this Plugin. Thank you in advance :). Now navigate to Products and click on the edit button of the item for which you want to remove add to cart button. will result in comment deletion. My theme is Envato’s MediaCenter with Woocommerce 2.6.9. You can make settings on Category pages and individual Product pages. Ahah excellent Vicky, welcome back to Woo then! This Plugin Work on both Category Level as well as Individual Level. Remove WordPress Add to cart Button Now save the file, the “ Add to cart button ” is successfully removed by adding just two lines of code. 3- Remove Add to cart from individual Product pages. Any work around please? I'm looking to remove the wording and area that says "Product Successfully Added to Cart" after I add an item to the cart. When it’s time to remove a product from your store, it probably feels a little strange. Thanks Pepe! Let me know. With best regards. “Inspect” allows us to study the HTML and CSS of the inspected element. Is it HTML? Still no luck. Modified on: Tue, 4 Apr, 2017 at 10:13 AM In order to remove the shopping cart icon in the main menu, you can follow the steps below: The product description had the apostrophe in the word (don’t) and when I added that particular item to my shopping cart I was then unable to delete the item by pressing the red circle button with the x in it. I love it. I use Headway Theme. Excellent tips and tutorials. Jos, Hey Jos! Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as a WooCommerce freelancer since 2011. But I have a problem with your solution. Let me know. > Published: Oct 2016 - Revised: Dec 2017, WooCommerce: Change the “Remove this Item” Icon @ Cart. Questions? Also, I would like to Scroll down and click on “Remove Cart Button”. So, somewhere around WooCommerce HTML (or my theme’s, Storefront), this FontAwesome is getting called. The following: index.php:112 .tc-wc-menu .nav > li > a:before { content: ‘\f07a’; position: absolute; font-size: 1.6em; left: 0; }, overwrites my: style.css?ver=1.0.0 a.cart-contents:before { content: ‘\f004’; }, Hey Daniel, thanks for your comment! Hide the cart icon 2. You should expect a reply in about a week - this is a popular blog but I need to get paid work done first. Possibly I have enough content for another 2 years . If Store Owner wants to remove add to cart from Specific product, he can do that. Your email address will not be published. I’m trying to change the color of the remove buttons and I also want to change the colore of the inside border of the text field boxes when you go to check out because I don’t want them to be red and green. 5- Hide price from Complete Category Applied the code in Storefront Theme Extra CSS section and worked perfect. I had an item for sale with the WP shopping cart and the product description had the word: Don’t . I'm very satisfied with the product and especially the service from the developer. There is more than ONE way to hide/remove the 'Add to Cart' button in WooCommerce. If Store owner do not want add to cart button on Whole category, He can remove that. So what I want is that users can still have the option to remove any product they don’t want. I’ve added the code you provided in my theme’s custom CSS field. This might be different for different themes. If Store Owner wants to remove add to cart from Specific product, he can do that. I tried the code in my style.css sheet and my additional css. By default if you have the WooCommerce plugin active on the Total them then a little shopping cart will display in the main navigation menu. In fact, it’s a simple “x” (as per the “x” character) with a 1px border and 100% border radius, which makes it look like an “x” with a circle around it: So, you can use simple CSS (you can learn more from the following paragraph even if it is for Storefront theme) to override it: If you don’t see the icon, it means Fontawesome is not installed in your website yet. Hey Carlos, thanks for your message! If you don’t like the video or need more instructions, then continue reading. I want them to match my site. Also, If Someone want to replace add to cart with inquiry button he can do that too with this Plugin. Take a look at the CSS: Well, in a few words, the icon is being generated by a CSS “content” call: And, further down, the same element takes a font-family = “FontAwesome”: These 2 lines are therefore responsible for generating that ugly white cross… what if we wanted to replace that icon with a “trashcan”? There are three ways of achieving this objective: The first option is to simply remove the figure from the price fields. You don’t see the “::before” inside the “a href” Once you see that, you can follow my steps to change it! Yes. WP Shopping Cart Troubleshooting. Replace the Add the Cart button. Probably your theme is already customizing that icon, and you’d need to adjust the code above based on your theme’s custom code – sorry but I can’t help you here on the blog , hy! is_admin() )let’s us hide the menu items only when we’re o… 3- Remove Add to cart from individual Product pages. It’s impossible to know whether your custom theme is overriding the “remove product from cart” icon. Thanks a lot for your understanding! First let’s remove some items from the admin bar we don’t use. Remove the Add to Cart Button. Are there any woocommerce experts out there that know how to remove the add to cart button from the shop page? You do however have to buy the paid version to get full support but the developer was very helpfull and helped me out really fast. There are times when you wish to remove the Add to Cart button from specific product pages. This could be because Avada is using different CSS, and your CSS might need tweaking. But i am not able to override the cart-icon-css-class with my style.css because it’s loaded afterwards (i think). To achieve this, you need to add some code to the. Make sure you know what you are doing when editing such files - if you need more guidance, please take a look at my free video tutorial "Where to Place WooCommerce Customization? Any idea? It doesn't seem to be working though. 6- Hide Price per Product. Settings For Remove Dashboard Access. Go to Appearance>Customize>WooCommerce>General>Menu cart Depending on your theme, you can remove them site-wide, or simply remove them from individual posts or pages. Check out these free video tutorials. ", WooCommerce: Redirect My Account Tab to URL, WooCommerce: 5 Must-Knows to Develop a Payment Gateway From an API, WooCommerce: Horizontal My Account Navigation Menu, WooCommerce: Find Products With No Weight @ WP Admin, WooCommerce: Add Custom Field to Product Variations, WooCommerce: Display Variations’ Stock @ Shop Page, WooCommerce: How to Hide “Shipping Calculator” Fields @ Cart, WooCommerce Visual Hook Guide: Checkout Page, WooCommerce: How To Make A Website GDPR Compliant? I’m Rodolfo Melogli, an Italian Civil Engineer who has turned into an international WooCommerce expert. Sellfy sets itself apart from the rest of the … Change the “Remove this item” Icon – Default WooCommerce, Change the “Remove this item” Icon – Storefront Theme, Change the “Remove this item” Icon – Other Themes, WooCommerce: Add Product to Cart On Visit Programmatically, WooCommerce: Display Total Discount / Savings @ Cart & Checkout, WooCommerce Conditional Logic – Tags, Examples & PHP, WooCommerce: Add Content to Empty Cart Page, WooCommerce: Change Add to Cart Quantity into a Select Drop-down, WooCommerce: Bulk Dynamic Pricing Without a Plugin, WooCommerce: “Split” Cart Table (A>Z Headings), WooCommerce: Show Product Stock @ Cart Page, free video tutorial "Where to Place WooCommerce Customization? WordPress Shopping Cart is a quintessential requirement for an online store. Browse the code, check out the SVN repository, or subscribe to the development log by RSS. Make sure you haven’t included special characters like apostrophe (‘) in your product name. This method can be used to remove default functions attached to a specific filter hook and possibly replace them with a substitute. This section describes how to install the plugin and get it working. 5- Hide price from Complete Category. ", If you think this code saved you time & money, feel free to join 14,000+ WooCommerce Weekly subscribers for blog post updates or 250+ Business Bloomer supporters for 365 days of WooCommerce benefits. 1. Removing Sidebars Using Your WordPress Theme Settings. There’s no “::before” when I check the code on Chrome’s inspector. Also, If Someone want to replace add to cart with inquiry button he can do that too with this Plugin. Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here on the blog. ~R. Improve this answer. In fact, my solution is specific to the Storefront theme – and each theme is different. You have no idea how long I have been waiting for this. Here's the site: http://www.tinytreasurehunts.com The code is in woocommerece-functions.php I tried your code but didn’t work on my theme. Magento: Checkout: remove item from quote but keep in cart?Helpful? Hi Thanks alot It works great. CSS, on the other hand, goes in your child theme style.css file. Can’t Remove an Item from the Shopping Cart. function disable_shipping_calc_on_cart ( $show_shipping ) { if ( is_cart () ) { return false; } return $show_shipping; } add_filter ( 'woocommerce_cart_ready_to_calc_shipping', 'disable_shipping_calc_on_cart', 99 ); Share. In my case that’s the WordPress logo, updates, comments, new content, and the Sprout Invoices tab. Description # Description. This is actually one of those plugins with only a few configuration options, but it brings a lot of power and functionality. Finally, we have Jigoshop. The request was: what’s the easiest way to change the little icon/button on the Cart page that has the function of removing items from the cart (yes, that ugly white cross on a red circle)? Please consider joining #BloomerArmada to ask me 1-to-1 WooCommerce questions. Thanks a lot , I think I love you! This Plugin Work on both Category Level as well as Individual Level. To hide the cart icon. 4- Replace Add to cart with Inquire us from product pages. Install plugin from WordPress plugin directory and activate it. WordPress is undoubtedly the simplest content management system and website builder right now. To remove items we’ll be using the remove_node function. Hey Rahim, thanks for your comment! Add the following snippet on your functions.php. Thanks you sooooo much! Worked like a charm. This means we can reuse this and see if it provides more icons! Here’s what happens when I highlight the “::before” in the HTML window instead. 2- Replace Add to Cart button with Inquire Us from Complete Category. You should use the exact same call, “a.cart-contents:before”. So you’ll need to adapt your CSS to your specific case. I think it is unfair of the developer not to mention this important detail in the description. The are millions of articles that showing you the “right” way of removing the add to cart button, while some of them are good, I keep seeing people asking for more specific solutions. PHP Snippet: Remove Item from Cart Automatically In the example below, I’m targeting product ID = 282 – the snippet looks for its “cart item key” and uses remove_cart_item () function to remove it. Feedback? Also, If Someone want to replace add to cart with inquiry button he can do that too with this Plugin. Activate the plugin through the ‘Plugins’ screen in WordPress. Dashboard Access: these settings are used for deciding which default user roles have access to the WordPress dashboard. It didn’t work for me. However, the other day a premium WooCommerce student asked me for some feedback on his custom CSS – so I had to give it priority! add_action ('template_redirect', 'bbloomer_remove_product_from_cart_programmatically'); I used this free plugin and then upgraded to premium. A standard e-commerce site has a few common pages. Hi Rodolfo, thx a lot for your superb post. Translate “Remove Add to Cart WooCommerce” into your language. So, let’s go to https://fontawesome.io/icons/ and look for “REMOVE” icons: Let’s pick one, for example the “trash” icon: Now that you’ve picked the icon and know its Unicode, go to your custom CSS and add this one line: And one line of CSS code will now give you this final result , It’s impossible to know whether your custom theme is overriding the “remove product from cart” icon. /* Change WooCommerce "Remove this item" Icon Color */ /* Original call was --> color: #e2401c; */ /* Just replacing the color code...: */ a.remove:before { color: #222222; } Change the “Remove this item” Icon – Other Themes. From Alter Add to Cart Button, select “Remove Button”. Or something else? You can use PHP, JS or CSS. Once you’ve navigated to the settings page for the Remove Dashboard Access plugin, this is where we will configure how to handle non-admins. There are product pages, shop pages that list products, and let’s not forget pages for the user account, checkout flow and cart.