08 — Cart & Checkout

How shopping, the cart, and checkout work for your customers.

#The cart drawer

Instead of sending customers to a separate cart page every time they add something, Raftaar Commerce uses a slide-out cart drawer — it slides in from the side, shows what's in the cart, and updates instantly (quantity changes, removing items, applying a coupon) with no full page reload. Customers can keep browsing with the drawer open, or proceed straight to checkout from it.

#Free shipping progress bar

If you have a free-shipping rule configured in your WooCommerce shipping settings (e.g. "free shipping over $50"), the cart drawer automatically shows a progress bar and a friendly nudge like "Add $12 more for free shipping!" — no extra setup needed, it reads directly from whatever shipping rule you already have.

#Coupon codes

Customers can apply and remove coupon codes directly from the cart drawer, without needing to go to a separate page.

#Sticky Add to Cart bar

On mobile, as a customer scrolls down a product page, a compact bar appears fixed to the bottom of the screen showing the product and an Add to Cart button — so it's always within reach, even after they've scrolled past the main buy button.

#Buy Now

Skips the cart and takes the customer straight to checkout with just the one item — see Product Pages & Variations for details and how to turn it on/off.

#After adding something to cart: the upsell drawer

Right after a successful add-to-cart, a panel can pop up suggesting a few more products the customer might like, with a countdown before it auto-closes. This is separate from the recommendations shown on the Cart page itself (below) — two different moments, two different purposes.

#On the Cart page: cross-sells

The Cart page itself also shows its own set of suggested add-on products, automatically excluding anything already in the cart.

#Empty cart suggestions

If a customer's cart is empty, they'll see a small carousel of suggested products instead of a blank page — a gentle nudge to start shopping rather than a dead end.

#Checkout

Checkout uses WooCommerce's traditional checkout page by default, custom-styled to match the rest of your store. If you prefer WooCommerce's newer block-based checkout instead, the theme is fully compatible with it too — switching is done from WooCommerce's own settings, not a Raftaar Commerce setting. A couple of things are controllable from Customize → Cart & Checkout:

• Whether customers can create an account during checkout.
• Whether the "ship to a different address" option is available.

#Add to Cart animations

A small satisfying visual effect plays when something is added to the cart (e.g. a subtle flourish near the button). You can adjust this from Customize → Cart & Checkout → Add to Cart Animations.

#Troubleshooting

• Nothing seems to happen when I click Add to Cart — no error, but nothing gets added. This can happen if your license needs re-activation, if you've hit a rate limit from clicking very rapidly, or (rarely) if the product is out of stock for the exact variation selected. Try refreshing the page and trying again; if it persists, check License, Activation & Updates or contact support.
• The cart drawer or other interactive buttons stopped working sitewide, all at once. This is almost always caused by a caching/optimization plugin combining or minifying JavaScript files in a way that breaks the theme's scripts. See Troubleshooting for the specific plugin settings to avoid.