Categories

Friday, November 22, 2024
#919814419350 therichposts@gmail.com
Woocommerce Hooks

How to add checkout button on product page woocommerce?

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

to add checkout button on product page woocommerce

Hello, welcome to therichpost.com. In this post, I will tell you, How to add checkout button on product page woocommerce?  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. 

Here is image to add checkout button on product page woocommerce:

test – add-checkout-button

Now, here is the working hook to add checkout button on product page woocommerce and you need to add this into your theme’s functions.php file:
function add_content_after_addtocart() {

// get the current post/product ID
$current_product_id = get_the_ID();

// get the product based on the ID
$product = wc_get_product( $current_product_id );

// get the "Checkout Page" URL
$checkout_url = WC()->cart->get_checkout_url();

// run only on simple products
if( $product->is_type( 'simple' ) ){

    <script>
        jQuery(function($) 
        {

               $(".custom-checkout-btn").on("click", function() 
                {
                   $(this).attr("href", function() 
                    {
                        return this.href + '&quantity=' + $('input.qty').val();
                    });

                });?>
        });
    </script>

    echo '<a href="'.$checkout_url.'?add-to-cart='.$current_product_id.'" class="single_add_to_cart_button button alt">Checkout</a>';
}
}
 add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

 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 19, MedusaJs, Next.js, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

4 Comments

Leave a Reply

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