When talking about UX, or for very specific WooCommerce shops, you might need to tell the user a product is already in the Cart before re-adding it or increasing its quantity from the Shop/Category/Loop and Single Product pages.
The “Add to Cart” button label comes with a filter (actually 2 filters, one for the Single Product page and another for the other pages such as Shop), so all we need to do is targeting those two hooks. We will “filter” the label text in case the product is already in the Cart, and return that back to WooCommerce. If this sounds like Japanese to you (hey, unless you’re from Japan!) don’t worry – simply copy/paste the snippet below as per below instructions.
Enjoy!
PHP Snippet: Rename WooCommerce “Add to Cart” Button if Product Already in Cart
/**
* @snippet Change "Add to Cart" Button Label if Product Already @ Cart
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WC 5.0
* @community https://businessbloomer.com/club/
*/
// Part 1
// Single Product Page Add to Cart
add_filter( 'woocommerce_product_single_add_to_cart_text', 'bbloomer_custom_add_cart_button_single_product', 9999 );
function bbloomer_custom_add_cart_button_single_product( $label ) {
if ( WC()->cart && ! WC()->cart->is_empty() ) {
foreach( WC()->cart->get_cart() as $cart_item_key => $values ) {
$product = $values['data'];
if ( get_the_ID() == $product->get_id() ) {
$label = 'Already in Cart. Add again?';
break;
}
}
}
return $label;
}
// Part 2
// Loop Pages Add to Cart
add_filter( 'woocommerce_product_add_to_cart_text', 'bbloomer_custom_add_cart_button_loop', 9999, 2 );
function bbloomer_custom_add_cart_button_loop( $label, $product ) {
if ( $product->get_type() == 'simple' && $product->is_purchasable() && $product->is_in_stock() ) {
if ( WC()->cart && ! WC()->cart->is_empty() ) {
foreach( WC()->cart->get_cart() as $cart_item_key => $values ) {
$_product = $values['data'];
if ( get_the_ID() == $_product->get_id() ) {
$label = 'Already in Cart. Add again?';
break;
}
}
}
}
return $label;
}
Hi Rodolfo,
Your snippet doesn’t seem to be totally relevant for 4 reasons:
1/ If I add a product a first time, I need to refresh the page to make the button change to “Already in Cart”. Could we include an automatic page refreshing?
2/ If I remove the added product, no refreshing too! So same question.
3/ If a product has been already added, could we make impossible a new adding in the Cart?
4/ I would need to have a third part to include the product of the “Related Products” section.
Best,
Michel
Thank you. Can you maybe disable the “Ajax Add to Cart” feature? This will force a refresh upon add to cart
Hi Rodolfo,
Already tried but alas no effect!
Not 100% sure, as long as you don’t use blocks this should work properly
Does this script work with the Woodmart theme?
If they use WooCommerce add to cart buttons, it will work
Hey,
First, I love this code, but it only works on single product and not single variation buttons. I am not sure way.
I have mostly variation products in my Woocommerce site.
Hello Tarzine, thanks so much for your comment! Yes, this is definitely possible with a combination of custom jQuery and PHP, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
Hi,
What if I want the Add to Cart button to be disabled after adding to the cart, how can I do that?
Hi Daveed, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
Works like a charm . Thakns mate!
Cool
I am getting an error after I added this to my functions php file, like the whole website wouldn’t worry
maybe syntax error? not sure
please check it again, thanks
What error do you get (please check your error logs)?
Unexpected #e0f
Sorry, try this revised version, I forgot a }
I get “Uncaught Error: Call to a member function get_cart() on null” in Gutenberg editor when use this code.
Thanks! I’ve revised the snippet, please test
Hi
thanks for this great code.
but this code doesn’t work for woocommerce add_to_cart ajax button.
do you have any solution for this problem.
Not sure, sorry
Hi Rudolfo
This snippet still works perfectly, however, if you use AJAX for add to cart buttons, which was the case for my theme, then the button text doesn’t change before the page is being refreshed manually.
I believe this is because the product is added to the minicart widget.
The workaround for me was to go into theme settings and deactivate the AJAX add to cart.
Another option would be to add a function which auto-refreshes after the button click.
Hope this can help others with similar challenge.
Cool, thanks!
Can you also provide a code that deactivates the click function of the add to cart button in shop and product page when the product is already in the cart? (e.g. for downloadable product)
No, sorry
Is there a way to redirect to the cart page if the product is already in the cart?
Hey Axle, thanks so much for your comment! Yes, this is possible – unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. Thanks a lot for your understanding! ~R
Exactly what I needed and worked like a dream.
Thank you for all your efforts Rodolfo. 😀
Thank you Nicole!
Hello Rodolfo,
Thank you very much for sharing this tip 🙂
Sadly when using a cache plugin (what often happens), this seems to not work correctly even if “Ajax Add to Cart” is disabled. Example: when the product is removed from the shopping cart, “already in cart” is still displayed on the product page or on the shop page (even after a page refresh).
Do you have an idea?
Many thanks in advance.
Hey Svan, works for me with SiteGround cache… maybe ask your cache plugin support?
Thanks man.
But how can you change the “add to cart button” to “already ordered” if you only wish to have one product per person?
Hello Rexy – thanks so much for your comment! Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. Thanks a lot for your understanding! ~R
Hi, how to change to the red color “Already in Cart. Add again?” text? Or do you have link for that please..
Hey Dannie, thanks so much for your comment! Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding! ~R
hello
work great
can replace add to cart link after add to cart. with change label. change link to pay (checkout page?)
Hey Ahmad, thanks so much for your comment! Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. Thanks a lot for your understanding! ~R
Hi,
The only problem with this snippet is when you remove an item from cart the already in cart button will stay in place, even if item is removed.
Michel.
Good point Michel, I guess the snippet could be “Ajaxified” in order to detect Ajax calls such as the remove from cart. Unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. Thanks a lot for your understanding! ~R
work only after refresh the page
Possibly you need to disable the “Ajax Add to Cart”, good point 🙂
Hello, Does this code serve for variable products?
I have only variable products in my shop.
Hey Nerea, I haven’t tested it with variable products! Give it a go and let me know 🙂
Nice one, definitely will use it!
One quicky: the text “Already in Cart. Add again?” is not in the standard woocommerce language file, is it? Should I put a new entry into it to use this text? Or some other place? What’s the recommended method?
Hey Peter, thanks for your comment! As you can see from the snippet I added it to the ‘woocommerce’ textdomain, so you can now translate that with any translation plugins 🙂
You are a great !!!
Thank you
🙂