1. Home
  2. Docs
  3. WooCommerce Addons
  4. WooCommerce Variations to Cart

WooCommerce Variations to Cart

The WooCommerce Variations to Cart add-on provides you the ability to select the multiple variations of a product along with its prices, without leaving the product page.

Installation

  • Install the Woocommerce plugin & activate it.
  • Install the WooCommerce Variations to Cart add-on and activate it.
  • There will be a new “Variations to cart” entry within the Woocommerce menu.
WooCommerce Variations to Cart – Main Menu

Activate Your License Key

The license key can be configured from the License Settings tab, found on the “Variations to Cart” menu. License keys will be sent to your email address when you purchase the add-on.

Insert your license key in the field and then click on Activate.

Woocommerce Variations To Cart – License Configuration

General Settings

Woocommerce Variations To Cart – General Settings

Button Color

From here, you can select the color of the Quantity Increment background and Add to Cart button.

Font Family

The selected font will display on the variations price, quantity and on the Add To Cart button.

Create variable products

Navigate to the WordPress dashboard, select the Products from the menu and click on “Add New”. To create a variable product;

  • Set the product title & description.
  • From the “Product Data” dropdown, select the Variable product type.
WooCommerce Variations to Cart – Variable Product Creation 1
  • Next, After setting the Inventory and Shipping, add the product attributes.
  • In the first field, add the attribute name and then add its values.
  • Don’t forget to mark enable the checkboxes of “Variable on product pages” and “Used for variations”
  • Click on the “Save Attributes” button.
WooCommerce Variations to Cart – Variable Product Creation 2
  • Next, navigate to the variations, and from the dropdown select “Add variations from all attributes” and click on the “Go” button.
WooCommerce Variations to Cart – Variable Product Creation 3
  • This will create all possible variations.
WooCommerce Variations to Cart – Variable Product Creation 4
  • Now click on the individual variations and set its price and other relevant stuff.
WooCommerce Variations to Cart – Variable Product Creation 5
  • The last step is to set the featured product image and click on the Update.

Here is how the product looks on the front end

Woocommerce Variations To Cart – Preview

FAQ’s

Does the addon support a grid view on the front end?

Currently, it doesn’t support the grid view.

Can I add variable products from the shop page?

You can only add variable items from the product page.

Can I change variations from the cart?

You cannot change variations from the cart.

Changelogs

1.0.3

  • Fix: Fixed issue with incorrect price decimal values displaying.
  • New: Added new feature to change the color for buttons.
  • New: Added new feature to change the font style.

1.0.2

  • Fix: Resolved issue with variation check not functioning properly when managing stock is checked.

1.0.1

  • Added License Module.

1.0.0

  • Initial release.

How can we help?