WooCommerce cart and checkout

Build a custom WooCommerce storefront with the Store API and React The WooCommerce Store API (/wp-json/wc/store/v1) is the API behind the Cart and Checkout blocks. It is made for the front end: public product data needs no authentication, the cart belongs to the visitor’s session, and it returns prices, images and stock in a form…

Several currencies in WooCommerce: what a small plugin can do and where it stops A shop that sells abroad wants prices in the visitor’s currency. WooCommerce has one store currency, and multi-currency plugins do a lot of work behind the scenes: converting prices, rounding them, charging the right currency through the payment gateway, and keeping…

WooCommerce product recommendations with your own scoring WooCommerce upsells and cross-sells are curated by hand: the shop owner links related products one by one. On a store with hundreds of products nobody keeps that up to date. A simple algorithm based on what customers actually bought together, weighted by category, gives a relevant “Customers also…

A custom WooCommerce shipping method with weight tiers WooCommerce’s built-in methods (flat rate, free shipping, local pickup) cover simple shops. A courier that charges by weight brackets, adds a surcharge for bulky items and does not deliver some product categories needs a shipping method of its own. It is one class that extends WC_Shipping_Method, registered…

Tiered and role-based prices in WooCommerce without a pricing plugin Two pricing rules come up in almost every B2B or mixed shop: wholesale customers pay less, and larger carts get a discount. Dynamic pricing plugins cover hundreds of rule types; for these two, a few hooks are enough. The important decision is where each rule…

Custom fields in the WooCommerce Checkout block In the classic checkout, extra fields were added with the woocommerce_checkout_fields filter. The Checkout block ignores that filter: it is a React application that talks to the Store API. Since WooCommerce 8.9 (2024), the Additional Checkout Fields API registers fields in PHP that the block renders, validates and…

A simple composite product in WooCommerce without a plugin A composite product lets the customer build one item from components: a gift box with a choice of tea, mug and card, or a computer with a choice of processor and memory. Extensions do this with full stock handling for every component. For a shop with…

BroadcastChannel: keep WordPress tabs in sync Many people work with several tabs of the same site open: the shop in one tab, the cart in another, the WordPress admin in a third. When something changes in one tab, the others show old data until they are reloaded. The BroadcastChannel API sends messages between tabs, windows…

CustomEvent and EventTarget: let the parts of a WordPress script talk The mini cart in the header should update when a product is added on the page, the counter in the sidebar too, and an analytics script wants to know about it as well. If the add-to-cart code calls all three directly, it has to…