View Product Page

Create attributes

YITH WooCommerce Product Add-Ons allows you to create custom attributes for your product variations.
In this page, we will configure attributes together step by step, so that the way to do that will be as clear as possible.

Click on Products > Attributes and you’ll see a page like this.

Edit attribute

To create a new attribute, you have to fill the following fields:

  • Name: name of the attribute displayed in the front end
  • Slug: slug of the attribute (maximum length: 28 characters)
  • Enable Archives: enable if you want this attribute to have product archives in your store.
  • Type: attribute type. Besides standard WooCommerce types, the plugin adds attribute types: Colorpicker, Image, and Label.
  • Default sort order: order to sort attribute terms
  • Description: attribute description

In the example we are going to show you, we have chosen “colors” attribute.

New attribute

Configuration of terms

Once you have created an attribute, you have to add its variations. Click on the button shown to enter the first variation.

Configure terms

To add a new color, specify the following required options:

Add new term

  • Name: color name (shown on the frontend)
  • Slug: slug for attribute variation
  • Description: description associated to the attribute variation, shown on the front end
  • Colorpicker: choose the colour you want to assign to the current attribute variation using a colorpicker
  • Tooltip: tooltip associated to the attribute variation and shown on product page

In our example, we have entered the following colors:

  • black
  • blue
  • grey
  • orange
  • purple

Terms configurated

You can create new product variations directly from the product detail page.
Open a product and, after adding an attribute, click on Add New to add a new variation.

Create new term

In our example, the attribute type is “colorpicker”, therefore, in the modal window that opens, we will have to add colours for the new variation.

Attribute variation

Add attributes to the product

To associate the attribute “Colors” to the product, do exactly as you would do for any other attribute belonging to WooCommerce types.
Add the new attribute and values in the section Attributes on the product page.

Attribute section

Once you have configured product settings through the created color attribute, we will see something like this on the product detail page.

Product detail page

Attribute type

New attribute typologies which the plugin allows using, in addition to WooCommerce standard ones, are colorpicker, image, and label.
Shown below you will find a pattern of each listed typology .

Colorpicker

Type Colorpicker

Label

Type Label

Image

Type Image