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.
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.
General Settings
Enable Variation Label
Enabling this option will display each variation title on the product page.
Select Theme 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.
Button Text
From here you can change the button text on the variable product’s product page.
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.
- 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.
- Next, navigate to the variations, and from the dropdown select “Add variations from all attributes” and click on the “Go” button.
- This will create all possible variations.
- Now click on the individual variations and set its price and other relevant stuff.
- 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
FAQ’s
Currently, it doesn’t support the grid view.
You can only add variable items from the product page.
You cannot change variations from the cart.
Changelogs
1.1.3
- Fix: Ensure variation-specific quantity limits override global limits.
- Fix: Fix size column display and unrestricted variation options.
- Fix: Preserve price and quantity values after a page reload.
- Fix: Ensure cart and checkout reflect accurate prices and quantities.
- Fix: Implement proper decimal formatting based on WooCommerce settings.
1.1.2
- New: Added React-based Admin UI.
1.1.1
- New: Added an option to customize the “Add to Cart” button text.
- Fix: Removed the WooCommerce default “Add to Cart” button.
- Fix: Corrected the functionality for displaying variation names.
- Fix: Resolved the issue where the “Add to Cart” button did not work for non-logged-in users.
1.1.0
- New: Added a new feature for UI settings.
- New: Updated the UI for Variations in the cart.
- New: Added a new option for UI customization.
1.0.4
- New: Added new feature to show the attribute name.
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.