WooCommerce Visual Hook Guide: Cart Page

I’ve put together a visual (yet, you can copy/paste!) hook guide for the WooCommerce Cart Page. If you like this and it is helpful to you, let me know in the comments and I’ll create another one for the checkout, single product page and my account page.

You can find WooCommerce Cart hooks quickly and easily by seeing their actual locations. Great thing is – all you need to do in your functions.php is “add_action(‘place-hook-here’,’your-PHP-function-here’);” and you can place your custom functions anywhere on the WooCommerce Cart Page. Enjoy!

WooCommerce Cart Page [Visual Hook Guide]

Cart

woocommerce_before_cart

woocommerce_before_cart_table

	Product	Price	Quantity	Total
woocommerce_before_cart_contents
×	Test 6	€5,00	2	€10,00
×	Test product	€1,00	1	€1,00
woocommerce_cart_contents
woocommerce_cart_coupon
woocommerce_after_cart_contents

woocommerce_after_cart_table

woocommerce_cart_collaterals

Cart Totals

Subtotal	€11,00
woocommerce_cart_totals_before_shipping
Shipping	USPS Standard Shipping: €7,00 Local Delivery (Free) woocommerce_before_shipping_calculator Calculate Shipping woocommerce_after_shipping_calculator
woocommerce_cart_totals_after_shipping
woocommerce_cart_totals_before_order_total
Total	€18,00
woocommerce_cart_totals_after_order_total

woocommerce_proceed_to_checkoutProceed to Checkout

woocommerce_after_cart_totals

woocommerce_after_cart

WooCommerce Cart Default add_actions

// These are actions you can unhook/remove!
 
add_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );
add_action( 'woocommerce_cart_collaterals', 'woocommerce_cart_totals', 10 );
add_action( 'woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout', 20 );

Comments

Laravel API Tutorial: How to Build and Test a RESTful API

Laravel is a PHP framework developed with developer productivity in mind. Written and maintained by Taylor Otwell, the framework is very opinionated and strives to save developer time by favoring convention over configuration. The framework also aims to evolve with the web and has already incorporated several new features and ideas in the web development world—such as job queues, API authentication out of the box, real-time communication, and much more. In this article, we’ll explore the ways you can build—and test—a robust API using Laravel. We’ll be using Laravel 5.4, and all of the code is available for reference on GitHub.

MUI dialog make sure user can't click on outside when you're opening dialog

< Dialog open = { open } onClose = { ( _event , reason ) => { if ( reason === "backdropClick" || reason === "escapeKeyDown" ) { return ; } onClose ?.(); } } maxWidth = { maxWidth } fullWidth PaperProps = { { className : "rounded-lg shadow-lg" , } } disableEscapeKeyDown > { if (reason === "backdropClick" || reason === "escapeKeyDown") { return; } onClose?.(); }} maxWidth={maxWidth} fullWidth PaperProps={{ className: "rounded-lg shadow-lg", }} disableEscapeKeyDown >

Build and Dockerize a Full-stack React app with Node.js, MySQL and Nginx React.js is a common and famous front-end web frameworks. Yet, in most situations, a web application will require back-end services to process different transactions. React.js as a front-end framework is not complete without a back-end service to make up a complete full-stack application. On the other hand, Docker is a perfect containerizing technology used to set up all the environments you need set up for a full-stack application. This is because Docker uses an abstract concept built on top of a low-level operating system platform that enables you to execute one or even more containerized activities or services within one or more virtualized instances. Thus, Docker will help you deploy a full-stack React application with the back-end environments such as Node.js and Django. Why Dockerize a React application with Docker A React full-stack application has different services, and it runs as a multi-container ...

notes

Search This Blog