Add Checkout button next to the Update Cart button

[MattieM]

Hi all,

I want to add a second Proceed to checkout button on my shopping cart page next to the ‘Update Cart button’ button.
Now customers have to scroll the whole page down to proceed to the checkout. Is there a way to do this?

Thanks!

[thai]

Hi There,

Please add the following code under functions.php file locates in your child theme:

add_action( 'woocommerce_after_cart_table', 'print_checkout_btn', 999 );
function print_checkout_btn(){
	?>
	<div class="second-checkout-btn"><a href="http://yourwebsite.com/checkout/" class="checkout-button button alt wc-forward" style="outline: none;"></div>
	Proceed to checkout</a>
	<?php
}

Let us know how it goes!

[MattieM]

Hi,

Thanks for the fast awnser! I added the code to the child theme and added my websites URL in the code. The button is there but nog correct (see attached image). There is a little blue box on top of the button. Also can the button be alligned next to the other button?

[rad]

HI there,

Please provide the site’s URL where this button is and we’ll check it.

Thanks!

[MattieM]

Hi Rad,

I fixed the little blue box on top (the DIV tag was incorrect).
But i cant seem to get the button alligned next to the other button.

The url: https://www.onesie.nu/cart/ (You have to put an item into the shopping bag)

[christopher]

Hi there,

Styling the already customized functionality is outside of our support scope and we will not be able to implement the style or maintain the additional requests regarding this. But as a getting starter help we suggest that you add the CSS code below to X > Launch > Options > CSS:

.woocommerce-cart .second-checkout-btn {
	float: right;
    margin-top: -45px;
    margin-right: 211px;
}

.woocommerce-cart .second-checkout-btn a {
    border-radius: 5px;
    padding: 9px 15px;
}

The code above is only helpful to get you started with the correct selectors of the CSS, but the fine-tuning or changing the position of the button and further customization implementation is on your shoulders.

Thank you for your understanding.