WordPress blog
WooCommerce AJAX cart: how WoodMart extends it beyond the default
WooCommerce has AJAX add to cart built in, but only on archive pages. Add a product from a single product page and you still get a full reload. So the real question isn’t whether to use AJAX, it’s how far you can take it: where WooCommerce stops, and what WoodMart adds on top without a plugin.
This guide covers what the native setting does, the three places it falls short, and how WoodMart extends AJAX to product pages, variable products, and the whole shop. Exact menu paths are below.
What WooCommerce’s native AJAX does, and where it stops
WooCommerce ships a basic AJAX add to cart that works on shop, category, and tag archives. Enable it under WooCommerce → Settings → Products → General, tick Enable AJAX add to cart buttons on archives, and save. It’s worth turning on as a baseline.
Three gaps show up fast:
- Single product pages still reload. AJAX only fires on archives, so the product page itself gives a full refresh, an inconsistent experience across the store.
- No quantity on archives. From a category page customers add one unit at a time, with no quantity input.
- Variable products break the flow. Anything with a size or color option sends the customer to the product page to choose, which cancels out the AJAX benefit.
WoodMart closes all three from theme settings.
AJAX on the product page
Go to Theme Settings → Single product → Add to cart and turn on AJAX Add to cart. This enables AJAX on the product page itself, removing the default WooCommerce restriction so adding from a product page no longer reloads it.
Pair it with the Quantity input on shopping cart widget option and the cart total updates live as the shopper changes quantity, no reload, no separate update button.
AJAX shop and Quick Shop for variable products
Under Theme Settings → Product archive you can make the whole shop page asynchronous: customers filter products, switch categories, and page through results without a full reload.
This is also where WoodMart solves the variable-product gap. With the Quick Shop feature, shoppers pick a variation (size, color, and so on) and add it to the cart straight from the shop or category page, without opening the individual product page.
Does it help performance?
An AJAX add to cart skips the full-page render: instead of rebuilding the page with all its CSS, scripts, and images, the request returns only the cart data. That’s a lighter round trip and a faster-feeling interaction. Treat it as a UX win first; it isn’t a substitute for fast hosting, a caching layer, or trimming heavy plugins.
When you don’t need all of it
You don’t have to switch everything to AJAX. The native archive setting alone is fine if you sell simple products and don’t mind a reload on the product page. Two cases where you might deliberately leave the full AJAX shop off: analytics or ad pixels that count pageviews can undercount when navigation stops triggering page loads, and a few third-party plugins still expect a real reload to re-render their output. Turn on what your store actually needs.
FAQ
Does WooCommerce support AJAX add to cart natively?
Yes, but only on archive pages (shop, category, tag). Enable it under WooCommerce → Settings → Products → General. Single product pages are not covered by the native setting.
Why doesn’t AJAX work on my product pages?
Because WooCommerce’s native AJAX is limited to archives by design. In WoodMart, turn on Theme Settings → Single product → Add to cart → AJAX Add to cart to enable it on the product page too.
Can customers add variable products to the cart without opening the product page?
Yes, with WoodMart’s Quick Shop. They select the variation and add to cart directly from the shop or category page.
Does AJAX cart need a plugin in WoodMart?
No. AJAX add to cart, the AJAX shop, and Quick Shop are all theme settings. No separate AJAX plugin required.
Does an AJAX cart make my store faster?
It makes adding to cart feel instant by avoiding a full page reload, and the request is lighter on the server than rebuilding the whole page. It’s a UX improvement, not a replacement for hosting and caching.
Ready to set it up?
A no-refresh shopping flow is one of the conversion features WoodMart handles natively, from the product page to the shop archive. No plugin, no separate subscription.
