How to Create WooCommerce Variable Products in Astra Theme

The majority of products don’t come in a single choice in eCommerce. There are many different variations like color, size, type, length, etc. That’s why WooCommerce allows you to create variable products.

Creating a variable product is easy and straightforward. But as compared to all other types of WooCommerce variable products, it is complicated to setup. If you want you can create variable products in WooCommerce with the Divi theme as well.

The fact is that attributes, images, and other terms must be applied to each variation individually.

In this tutorial, we will show you how to create variations in your Astra Theme-powered WooCommerce store.


Create WooCommerce Variable Products in Astra Powered Website

Follow the below steps to create a WooCommerce variable product:

  • Head to your WordPress dashboard.
  • Navigate to the Attributes from the Products section from the left menu.
  • Add the title attribute in the name field.
  • The slug field is optional.
  • Click on the Add attribute button to finalize the changes.
  • Here, we have added ‘Size’ attributes for demonstration purposes.
add attributes

New attributes are listed on the right table. You can enable different kinds of WooCommerce product attribute if you want.

configure terms

Click Configure terms to add each attribute term.


Assign your product attribute types in this form.

product size

Add each size you sell clothing in (such as S, M, or L)

See also  How to Add Google Map to A Website on WordPress

By clicking the Add new Size button on the left side (you can add as many sizes as you need).


Navigate to Products from the left menu bar. You can add either a new product or edit the existing one.

It’s time to configure WooCommerce variable products.

Select Variable product from the drop-down of the ‘Product data’ section.

variable product select

Head to the Attribute tab. The size attributes that we have created are visible here.

Select your desired attributes and click on the Add button.


Once added, you need to select Visible on the product page‘ and ‘Used for variations and Save attributes.


Navigate to the ‘Variations‘ section, right below the Attributes. Then select ‘Add variation’ from the drop-down. There will be a new drop-down menu after you hit the ‘Go‘ button.

The final step is to customize the rest of the settings.

Expand the variations panel. There are options to upload an image, add the price, stock status, dimensions, and more. But it’s mandatory to set a price for variation.


To save your settings, click on the Save changes button.

This is how your variable product displays on your store:


Image, price, and product details will now change according to the chosen variable. Before adding to the cart, customers must choose a variation.

See also  How To Embed Video in WordPress (3 Easy Ways)

You can create a new experience for your WooCommerce product variations using a variation swatches plugin. An example of such a plugin is the Variation Swatches for WooCommerce. The plugin lets you display your WooCommerce product variations as swatches.

As soon as you install the WooCommerce Variation Swatches plugin, your product page will be changed into button swatches.


The pro version allows you to change the dropdown menu into image, color, and radio button swatches on both shop and archive pages.

We hope, the tutorial will help you to learn the steps needed to add variable products in the Astra-powered WooCommerce store. You can see Astra theme reviews to get a better experience of this theme.

Subscribe To Our Newsletter!
Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…