How to Set Variation Swatches on the Shop or Archive Page (Quick Cart)

Variation Monster for WooCommerce includes a modern Quick Cart feature that allows customers to select product variations and add items to the cart directly from the shop or archive pages, without visiting the single product page.

How the Quick Cart Works

↑ Back to top

On shop and archive pages, a list of variation swatches appears below each variable product. These swatches display all available variation attribute terms as clickable options, allowing customers to quickly choose their preferred variation before adding the product to the cart. Here, when the customer selects one variation, it will be added to the cart.

Note: On shop and archive pages, the Quick Cart supports only
Button, Color, and Image swatches.
Select dropdowns and Radio buttons are not supported in this view.

Step 1: Enable Quick Cart for Archive Pages

↑ Back to top

To activate this feature:

  1. Go to WooCommerce → Settings → Variation Monster
  2. Open the Variation Swatches tab
  3. Enable Archive Page – Show Swatches Quick Cart into Archive

Save the settings to apply the changes.

Step 2: Configure Product-Level Control (Optional)

↑ Back to top

Variation Monster also allows you to control this feature per product:

  1. Edit the desired variable product
  2. Open the Variation Monster tab under Product Data
  3. Choose options “Quick Cart” from “Variation Swatches on Archive Page.”

Customer Experience

↑ Back to top

Once enabled:

  • Customers can select their desired variation directly from the shop or category page
  • The product can be added to the cart without loading the single product page
  • This significantly reduces friction and improves conversion rates

Benefits

↑ Back to top
  • Faster purchasing experience
  • Fewer page loads
  • Better visibility of available variations
  • Ideal for stores with simple or frequently purchased variable products

Related Products

Offer add-ons like gift wrapping, special messages or other special options for your products.

Get shipping rates from the USPS API which handles both domestic and international parcels.