Add Continue Shopping Button To WooCommerce Cart
The code below is the easiest way to add a Continue Shopping Button to the WooCommerce cart page. The shopping cart experience is critical to a successful e-commerce configuration.
Add the code below to your functions.php file. Below we have included some CSS for extra clean styling.
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 '
';
}
Continue Shopping Button CSS
Add the following CSS to the customizer CSS for a clean button. Adjust the colors to match your theme.
.woocommerce-message {
background-color: #fff !important;
}
.woocommerce-message a.button:hover {
color: #fff !important;
}
.woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 0.5em;
position: relative;
background-color: #f7f6f7;
color: #515151;
border-top: 3px solid #f1f1f1;
list-style: none outside;
width: auto;
word-wrap: break-word;
}
Have you used our add Continue Shopping Button To WooCommerce Cart page snippet? Let us know in the comments below!