Learn how to install, configure and use Ecomly
Variable products are a product type in Ecomly that lets you offer a set of variations on a product, with control over prices, stock, image, and more for each variation. They can be used for a product like a shirt, where you can offer a large, medium and small and in different colors.
To add a variable product, create a new product or edit an existing one.
In the Attributes section, add attributes before creating variations — use global attributes that are site-wide or define custom ones specific to a product.
To use a global attribute:
To add a new attribute specific to this product:
To add a variation, go to the Variations section in the Product Data meta box.
1. Select Add variation from the dropdown menu, and select Go.
2. Select attributes for your variation. To change additional data, click the triangle icon to expand the variation.
3. Edit any available data. The only required field is Regular Price.
4. Click Save changes
Select Create variations from all attributes to have WooCommerce create every possible combination of variations and click Go:
It will create a new variation for each and every possible combination of variation attributes (max 50 per run). If you have more possible combinations you can run it again.
If you have two attributes – color (with values blue and green) and size (with values large and small) it creates the following variations:
NOTE: If you later add additional attributes, it may require the variables to be redefined for the variation combinations to work correctly.
If you have more than 15 variations, use the buttons to navigate forward and backward through the list. Each time you navigate to a new set of variations, the previous set is saved. This ensures that all data is saved.
Set defaults you prefer on variations. In the example, no default form values were set, so users can pick any color and size right away from the product page.
If you want a certain variation already selected when a user visits the product page, choose the default form values. This also enables the Add to Cart button to appear automatically on variable product pages.
You can only set defaults after at least one variation has been created.
Each variation can have the following properties.
Inventory for variable products can be managed on product and variation level.
Сhoose how to manage stock by toggling Enable stock management at product level on the Inventory tab:
The following settings are available if you choose to manage stock on a product level:
If Low stock threshold isn’t set then the store-wide default will be used. This default can be set in the Products – Inventory tab of WooCommerce settings:
Choosing to manage stock for variations individually allows you to edit the same properties for each variation.
Set Stock Status can be applied to all variations at once to In stock or Out of stock. Bulk-update under Variations:
If the SKU, weight, dimensions, and stock fields are not set, then it inherits values assigned to the variable product. Price fields must be set per variation.
You can bulk-edit variations by selecting the specific piece of data you want from the dropdown. In this example, I want to edit prices for all variations:
On the frontend, when viewing a variable product, the user is presented with dropdown boxes to select variation options. Selecting options will reveal information about the variation, including available stock and price.
If the user tries to click the greyed out add to cart button before choosing an attribute, a message will appear asking them to select some attributes.
In the product archive page, Add to Cart does not display because a variation must first be chosen before adding to cart on the product page.
If a product has more than 30 possible variations, then the customer will first have to select all available attributes before they can see if a product has stock or is available.
For example, if you have a Hoodie, available in five sizes and three colors, this produces 125 variations (five to the power of three). If you removed five of these variations, the customer would still be able to select that from the front-end but they wouldn’t see this wasn’t available until they selected the Add to cart button.