Categories

Sunday, May 22, 2022
therichposts@gmail.com
WoocommerceWordpress Tricks

Change woocommerce add to cart button text after added to cart

How to add download pdf link in woocommerce single product page?

Change woocommerce add to cart button text after added to cart

Hello, welcome to therichpost.com. In this post, I will tell you, How to Change woocommerce add to cart button text after added to cart?  WordPress is the best cms and Woocommerce is the best Ecommerce plugin. WordPress hooks(add_action, add_filter) give us the power to edit or change the code without interruption into the files and this is the best thing about wordpress.

add-to-cart

Here is the working code to change woocommerce add to cart button text and I am doing this with jquery ajax Complete function and you can add this into your header and footer file:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() {
  jQuery( document ).ajaxComplete(function() {
    var element = jQuery("a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added");
    element.text("ADDED");
    setTimeout(function() {
        element.text("Add to bag");
    }, 1000);
  });
});
</script>

 There are so many codes in woocommerce and i will let you know all. Please do comment if you any query     related  to   this post. Thank you. Therichpost.com

therichpost
the authortherichpost
Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 7, Angular 8, Angular 9, Angular 10, Angular 11, Angular12, Angular 13, Angular 14, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

1 Comment

  • I found a better way:

    `add_action( ‘wp_footer’, ‘ajax_button_text_js_script’ );
    function ajax_button_text_js_script() {
    $text = __(‘Product in cart’, ‘woocommerce’);
    ?>

    jQuery(function($) {
    var text = ”, $this;

    $(document.body).on(‘click’, ‘.ajax_add_to_cart’, function(event){
    $this = $(this); // Get button jQuery Object and set it in a variable
    });

    $(document.body).on(‘added_to_cart’, function(event,b,data){
    var buttonText = ”+text+’‘;

    // Change inner button html (with text) and Change “data-tip” attribute value
    $this.html(buttonText).attr(‘data-tip’,text);
    });
    });

    <?php
    }`

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.