Woocommerce how to click a button to add to cart and checkout?

Question

Objective:

I would like the customer to click on a button, add an item with quantity = 1 to cart, and route to checkout page automatically.

What I did:

I'm using Elementor to add a button with a href value of:

https://fakeurl.com/checkout/?add-to-cart=59

Problem:

Once I click the button, it will route to the checkout page, however it will add 2 quantity instead of one to the cart.

What I've tried:

Explicitly specify the quantity count in the href:

https://fakeurl.com/checkout?add-to-cart=59&quantity=1

But I'm getting the same results.

My checkout page is just simple page with 2 shortcodes namely woocommerce_cart & woocommerce_checkout:

Any idea why? Do I need to empty the cart before the aforementioned button is pressed?

have you tried with only one shortcode - specifically the [woocommerce_checkout] ? — Morten Bak, Aug 19 '20 at 08:51

score 1 · Answer 1 · answered Aug 19 '20 at 16:15

Use your link structure as you already do > ?add-to-cart=59&quantity=1 and add below code in functions.php in your theme to just do checking

the only thing this peace of code do is to loop your cart to see if this product is already there .. and if it is - it sets $valid var on false

function is_product_in_cart( $valid, $product_id, $quantity) {
    global $woocommerce;
    if($woocommerce->cart->cart_contents_count == 0) return true;
    foreach ( $woocommerce->cart->get_cart() as $key => $values ) {
        $_product = $values['data'];
        $id = $_product->id ;
        if( $product_id == $id )  $valid = false;
    }
    return $valid;
}
add_filter( 'woocommerce_add_to_cart_validation', 'is_product_in_cart', 10, 3 );

score 1 · Answer 2 · answered Aug 22 '20 at 00:01

1

Woocommerce default flow is that it will add the quantity to the cart whenever you add an item that is already in the cart.

Empty your cart whenever a new product is added to the cart so that only one remains in the cart.

answered Aug 22 '20 at 00:01

surendhar153

46
5

score 1 · Answer 3 · answered Aug 25 '20 at 15:16

In most cases the quantity is doubled because you are being redirected. So the quantity is added and after the redirect the quantity is added again.

The reasons for this could be a couple of the things.

Theme or wordpress permalinks setting are adding or removing // in the links
Your checkout page is not set in woocommerce settings (woocommerce->advanced settings->Page settings)

How to check if you are being redirected (chrome)
At the top of Chrome's inspector (in the Network tab) is a checkbox which says Preserve log. Enable this option. Now it doesn't matter at all how the page navigates, the inspector will keep all log history -- including the redirect response. (found here: See full redirect path and HTTP status code in Chrome)

Possible solutions

“Enable AJAX add to cart buttons on archives” (WooCommerce –> Settings –> Products -> General) found here (https://www.businessbloomer.com/woocommerce-custom-add-cart-urls-ultimate-guide/)
This sometimes help when having custom pages for cart and checkout.
Disable "Redirect to the cart page after successful addition" under WooCommerce > Settings > Products.
Because you are linking to the checkout page, this wil redirect you again to the cart page.

Woocommerce how to click a button to add to cart and checkout?

3 Answers3