Skip to main content

Ajax Add To Cart

Ajax Add to Cart adds a product without reloading the current page.

Enable it​

  1. Go to WooCommerce → Settings → Products.
  2. Enable Ajax add-to-cart behavior where WooCommerce offers it and turn off redirect to the cart if shoppers should remain on the page.
  3. Go to Divi Engine → Divi BodyCommerce → Ajax add to cart.
  4. Enable BodyCommerce Ajax add to cart and configure its notification text, duration, colors, spinner, View Cart link, and stock refresh behavior.

You can exclude unsupported product types. Use WooCommerce product-type identifiers from the product data system; do not target another plugin by name.

Placement and purchase controls​

The same settings page controls Add to Cart placement on shop cards, Buy Now, and related quantity behavior. Buy Now adds the selected product and redirects to checkout. A variable product must have its required options selected.

For shop and category previews, see Archive Quick View and Buy Now. For single-product templates, use Add to Cart and optionally Sticky Add to Cart.

Mini cart​

Configure Ajax mini-cart behavior under Mini cart, including quantity updates and first-open loading. See Mini cart, Woo Blocks, and product suggestions.

After changing these options, test simple and variable products while logged out and confirm the cart icon, mini cart, notices, and live stock all update.