Skip to content

Instantly share code, notes, and snippets.

@bradleysa
Last active February 17, 2024 12:50
Show Gist options
  • Save bradleysa/7d1448253097784daf94 to your computer and use it in GitHub Desktop.
Save bradleysa/7d1448253097784daf94 to your computer and use it in GitHub Desktop.
WooCommerce: Add Continue Shopping Button on Cart Page
<?php
/**
* Add Continue Shopping Button on Cart Page
* Add to theme functions.php file or Code Snippets plugin
*/
add_action( 'woocommerce_before_cart_table', 'woo_add_continue_shopping_button_to_cart' );
function woo_add_continue_shopping_button_to_cart() {
$shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );
echo '<div class="woocommerce-message">';
echo ' <a href="'.$shop_page_url.'" class="button">Continue Shopping →</a> Would you like some more goods?';
echo '</div>';
}
@stephanieangelabrauer
Copy link

Thank you so much :-)

@giacomoialenti
Copy link

Thanks a lot it is PERFECT!!!
Just one question is it possible to set the button just after the "APPLY COUPON" button?
Thank you in advance.
Giacomo

@Girlfoyle
Copy link

So, I put this in, and it adds the text but the link doesnt work? advice?

@jaychauhan2000
Copy link

this code is working nicely but the "continue shopping" button disappears when I click the "Update cart" button, Is there a way to fix it?

@fsask
Copy link

fsask commented Nov 19, 2019

Nice! Does exactly what it is supposed to do. Hard to believe that WooCommerce doesn't automatically add this functionality. Thank you so much!

@thewickedgrape
Copy link

Thanks so much for this!

I figured out how to change a couple of things:

  1. Custom Shop URL
  2. Move button to below the order summary
    woocommerce_after_cart_table instead of woocommerce_before_cart_table
  3. Restyled

/**

  • Add Continue Shopping Button on Cart Page
  • Add to theme functions.php file or Code Snippets plugin
    */

add_action( 'woocommerce_after_cart_table', 'woo_add_continue_shopping_button_to_cart' );

function woo_add_continue_shopping_button_to_cart() {
$shop_page_url = home_url( '/negozio/' );

echo '

';
echo ' prosegui con gli acquisti';
echo '
';
}

@talaljavedd
Copy link

Worked perfect, Thank you 😍👌

@btxaja
Copy link

btxaja commented Sep 30, 2020

Its Works

@computermobil
Copy link

That works perfect. Thank you very much for this snippet!

@noellesteegs
Copy link

Still works like a charm. :)

@photoMaldives
Copy link

Thanks ! Still good in 2021.
I'm no coder, but tweaked this slightly - plain button underneath cart, plus 'message' button above checkout.

/**
* Add Continue Shopping Button on Cart (& checkout) Page
*/

add_action( 'woocommerce_after_cart_table', 'woo_add_continue_shopping_button_to_cart' );

function woo_add_continue_shopping_button_to_cart() {
 $shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );
 
 echo '<div class="">';
 echo ' <a href="'.$shop_page_url.'" class="button">Continue Shopping</a>';
 echo '</div>';
}

add_action( 'woocommerce_before_checkout_form', 'woo_add_continue_shopping_button_to_checkout' );

function woo_add_continue_shopping_button_to_checkout() {
 $shop_page_url = get_permalink( wc_get_page_id( 'shop' ) );
 
 echo '<div class="woocommerce-message">';
 echo ' <a href="'.$shop_page_url.'" class="button">Continue Shopping</a> Not finished shopping ?';
 echo '</div>';
}

@paaljoachim
Copy link

Thank you for the code @bradleysa and the update @photoMaldives

I went ahead and adjusted based on a bunch of various resources.

// Add continue shopping button to Single product page, Cart page and Checkout page.

/* Single product
https://www.businessbloomer.com/woocommerce-continue-shopping-button-single-product-page/
https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/ */

add_action( 'woocommerce_after_add_to_cart_button', 'continue_shopping_button_to_single_product' );
function continue_shopping_button_to_single_product() {
 $shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );
 echo ' <a class="continue button" href="'.$shop_page_url.'">Continue Shopping</a>';

}

/* Cart
https://wpbeaches.com/add-continue-shopping-button-woo-commerce-cart-page/
https://www.tychesoftwares.com/woocommerce-cart-page-hooks-visual-guide-with-code-examples/ */

add_action( 'woocommerce_cart_actions', 'continue_shopping_button_to_cart' );
function continue_shopping_button_to_cart() {
 $shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );
 echo ' <a class="continue button" href="'.$shop_page_url.'">Continue Shopping</a>';

}

/* Checkout
https://www.businessbloomer.com/woocommerce-visual-hook-guide-checkout-page/ 
https://gist.github.com/bradleysa/7d1448253097784daf94 */

add_action( 'woocommerce_review_order_before_submit', 'continue_shopping_button_to_checkout' );
function continue_shopping_button_to_checkout() {
 $shop_page_url = get_permalink( wc_get_page_id( 'shop' ) );
echo ' <a class="continue button" href="'.$shop_page_url.'">Continue Shopping</a>';

}

CSS class continue button:

a.button.continue {
	background-color: var(--wp--preset--color--primary) !important;
	padding: 0.8rem 1rem !important;
        border: 2px solid #ebe9eb !important;
        margin: 0;
	color: #fff !important;
}

I noticed I had to add in the !important tag on most of the code to get it to work.
I am tested with the theme Twenty Twenty Two.

Let me know of any adjustments that would be helpful to do.

@nootkan
Copy link

nootkan commented Apr 8, 2022

Thanks ! Still good in 2021. I'm no coder, but tweaked this slightly - plain button underneath cart, plus 'message' button above checkout.

/**
* Add Continue Shopping Button on Cart (& checkout) Page
*/

add_action( 'woocommerce_after_cart_table', 'woo_add_continue_shopping_button_to_cart' );

function woo_add_continue_shopping_button_to_cart() {
 $shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );
 
 echo '<div class="">';
 echo ' <a href="'.$shop_page_url.'" class="button">Continue Shopping</a>';
 echo '</div>';
}

add_action( 'woocommerce_before_checkout_form', 'woo_add_continue_shopping_button_to_checkout' );

function woo_add_continue_shopping_button_to_checkout() {
 $shop_page_url = get_permalink( wc_get_page_id( 'shop' ) );
 
 echo '<div class="woocommerce-message">';
 echo ' <a href="'.$shop_page_url.'" class="button">Continue Shopping</a> Not finished shopping ?';
 echo '</div>';
}

Everything I've tried from this thread works but I was wondering how to keep the button on the cart page the same way but have "continue shopping" show in the "have a coupon click here to enter your code" button instead of below it like the code above has it?

@sadhonKumar
Copy link

Awesome!!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment