Add new text in add to cart box

Site URL: https://www.valbanera.com/

Hello, I'd like to show the text "View Shopping Bag" in the add to cart box , after someone has added a product. 

 Now some people get confused when they add a product, and maybe this will help.

Example : https://www.net-a-porter.com/en-us/shop/product/jimmy-choo/narisa-knotted-leather-sandals/1306082

Can anyone help me with this?

Thanks!

Maribel 

Hi. You can try this plugin.

I'm looking for this also -  the plugin is not the solution for me. Any code to target that button after it's clicked? 

I used your code, @tuanphan to change Add to Cart text on the button before the action and it works great. (thanks!) I tried replicating it targeting the button after the action but with no success.

I want the text after button is clicked to remain "added" - not revert to Add to Cart.

tia.

retrographicshop.com

@junecz

Please see the following.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.

Let us know how it goes.

Thank you @creedon. I really appreciate you taking the time.

Alas, this does not do the trick. After clicking the button, the text displays "adding..." then "added!" and then still reverts to "add to cart". 

Please move the following from Settings > Advanced > Code Injection > FOOTER to Settings > Advanced > Code Injection > HEADER.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

My code could not run because the jQuery library had not yet been loaded.

Let us know how it goes.

Just a note. Code that was posted in my March 22, 2021 post has been superseded. I have pointed to the new code.