Quick Add for variable products is here in Woo Product Carousel Plus

TL;DR Woo Product Carousel Plus 3.0.0 adds Quick Add in Divi 5. Customers can pick a variation and add it to their cart without leaving the page. You can show stock information on the product card, in the popup, or in both places.

Say someone spots a hoodie in the New Arrivals carousel on your homepage. They want to know if it comes in navy and medium. Until now, Select options sent them to the product page, even if all they wanted to check was the size.

Turn on Quick Add and that same button opens a small popup. They can select navy and medium, check the price and stock for that combination, and add the hoodie to their cart. The confirmation appears in the popup, so they can close it and keep browsing the same collection.

We’ve also renamed the plugin from Woo Product Carousel to Woo Product Carousel Plus. In the module picker, look for Product Carousel Plus.

Turn on Quick Add

Open a carousel that already shows a variable product, or add a Product Carousel Plus module and choose a product collection that includes one.

1. In the module settings, open Content → Product Elements.
2. Turn on Show Add To Cart.
3. Still in the Content tab, open Quick Add Options and turn on Enable for Variable Products.
4. Save the page and open it outside the Visual Builder. Click Select options on a variable product, make a selection, and try adding it to the cart.

Choose what the popup shows

The popup uses the variation options you’ve already set up in WooCommerce. Anyone who wants to see more photos or read the full description can open the product page from the carousel.

Once Quick Add is enabled, three more switches appear under Quick Add Options. Show Price, Show Variation Description, and Show Availability are all on by default. If you’ve added a sizing note to a variation, leave its description visible so the note appears when someone selects that option.

Show stock information on the card or in the popup

To show stock information before someone opens the popup, turn on Show Product Availability under Content → Product Elements. It’s off by default and works independently of Quick Add. The card displays the stock text WooCommerce provides for the product, such as Out of stock or Available on backorder. Some products won’t have stock text, depending on your WooCommerce settings.

Show Availability under Quick Add Options controls the stock text for the selected variation. Leave this on by itself if you want customers to see stock information only after picking their options.

Style the popup in the Design tab

Open Design → Quick Add Popup to set the background, width, padding, border, or shadow. Popup Fields controls how the option selectors and quantity field look. In Divi 5, Variation Label Text lets you style labels such as Color and Size separately from the values in the dropdowns.

With the corresponding stock switches enabled in Divi 5, use Product Availability Text for the card and Popup Availability Text for the selected variation. In Popup Notices, confirmations and errors share the same text styling and can have different background colors.

The popup uses the module’s existing product title and button styles. In the Divi 5 Visual Builder, click Select options to see those styles on the form while you edit.

What happens to carousels you already use?

Quick Add is off by default. You can enable it on your homepage carousel and leave Select options linked to the product page on a collection where customers usually need more detail. Simple products use their regular WooCommerce button.

Try Quick Add on one carousel

If you already use the plugin, update it and start with a carousel where customers often need to pick a size or color. Run through it on your phone to see how the form fits on a smaller screen.

New to the plugin? Get Woo Product Carousel Plus and build your first carousel.