How to set up Variation Swatches for my products in WooCommerce

Themeasy Variation Swatches for WooCommerce enhance the functionality of a product page by allowing for a straightforward selection of different product variations, contributing to a more user-friendly and effective e-commerce platform.

Adding and configuring a product attribute

1

Go to Attributes

From the WordPress Dashboard go to Products » Attributes.

2

Add Attribute

Note that there are 3 types of attributes you can select:

  • Label: Display a simple label for each product variation.
  • Color: Displays a color element for each product variation.
  • Image: Displays a image element for each product variation.

On the left side of the screen, fill in the fields, select your preferences and click Add Attribute.

Note that on the right side of the screen, a table with the registered attributes allows you to Edit or Delete the items.

3

Configure Terms

In the attributes table, hover over an item and click Configure Terms.

4

Add or Edit Terms

Add: Fill in the fields, select your preferences and click Add New.

Edit: Hover over an item and click Edit to configure a term. Select your preferences and click Update.

Setting an attribute to a product variation

1

Edit the Product

From the WordPress Dashboard go to Products » (Edit Your Product)

2

Set Attributes

In Product Data, go to the Attributes tab and add the items you want to link to your product variations.

3

Configure Variations

In Product Data, go to the Variations tab and choose your preferences.

4

Configure Swatches

In Product Data, go to the Swatches tab and choose your preferences.

In the Attribute Type field, you can select:

  • Default: This will bring global adjustments to Products »Attributes.
  • Your Attribute: This will allow you to adjust the attribute for the product you are editing.

WooCommerce offers extensive customization options through themes and plugins. Users can tailor the appearance and functionality of their online store to meet specific needs without extensive coding knowledge.

Categories

Tags

Leave a Reply

Your email address will not be published.