Merzio

English

Slovenčina
Čeština

English

Slovenčina
Čeština

Appearance

Attributes ​

Attributes are product properties that define its variants. They allow you to create different versions of one product without creating separate products. This guide will help you understand attributes and how to manage them.

Path: Admin > Products > Attributes

What Are Attributes ​

Attributes are properties that can have different values. Examples:

  • Color — values: red, blue, green, black
  • Size — values: XS, S, M, L, XL, XXL
  • Weight — values: 250g, 500g, 1kg
  • Material — values: cotton, polyester, blend
  • Connector type — values: USB-C, USB-A, Lightning

Each attribute has a type that determines how it will be displayed on the e-shop.

Attribute Table ​

In the Admin > Products > Attributes section, you can see a table of all attributes:

Columns ​

  • NAME — attribute name (e.g. "Color")
  • TYPE — display type (Dropdown list, Color swatch, Button, Variant image)
  • VALUES — list of attribute values
  • Edit — edit button
  • Delete — delete button

Creating a New Attribute ​

Path: Admin > Products > Attributes — the Create new attribute form is located at the top of the page

Attribute Name ​

Enter the attribute name, for example:

  • Color
  • Size
  • Weight
  • Material

This field is displayed as a heading on the e-shop (in a multilingual setup, enter the name in different languages).

Attribute Type ​

Select the type of how the attribute will be displayed on the e-shop:

A classic dropdown menu. The customer selects a value from the list. This is the most commonly used type. Examples:

  • Size (XS, S, M, L, XL)
  • Weight (250g, 500g, 1kg)
  • Material (cotton, polyester)

Color Swatch ​

A special type for colors. A small square in the given color is displayed. Example: the attribute "Color" with values "Red", "Blue", "Green" is displayed as three colored squares.

Color Attribute

With the Color Swatch type, values are not typed in as text — you pick them by checking colors from a predefined color palette.

Button ​

Displayed as a button with text. Suitable for:

  • Gender (Male, Female, Unisex)
  • Type (Classic, Modern, Retro)
  • Shape (Round, Square, Rectangular)

Variant Image ​

Displayed as an image. This is the best choice if you want the customer to see a visual preview. Examples:

  • Images of different colors
  • Images of different patterns
  • Images of different designs

Attribute Values ​

Enter attribute values separated by commas (with the Color Swatch type, you pick colors from the palette). Examples:

For the "Size" attribute:

XS, S, M, L, XL, XXL

For the "Color" attribute:

Red, Blue, Green, Black, White

For the "Weight" attribute:

250g, 500g, 1kg, 2kg

For the "Material" attribute:

100% Cotton, 100% Polyester, 80% Cotton + 20% Polyester

Enter values without leading or trailing spaces.

Editing an Attribute ​

Path: Admin > Products > Attributes > [Click the Edit button]

After clicking the Edit button, the attribute row switches to inline edit mode directly in the table. You can change:

  • Attribute name
  • Display type
  • Values

After making changes, click Save (or Cancel to discard the changes).

Deleting an Attribute ​

Path: Admin > Products > Attributes > [Click the Delete button]

After clicking the Delete button and confirming, the attribute is deleted.

WARNING

This operation is irreversible. If the attribute is used in product variants, it is automatically removed from those variants upon deletion.

How to Use Attributes When Creating Products ​

Step 1: Create Attributes ​

First, create all the necessary attributes in Admin > Products > Attributes.

Step 2: Assign Attributes to a Product ​

When creating a product in the "Attributes Tab" section, select the attributes you want to use for variants.

Step 3: Create Variants ​

In the Variants section, create individual variants and for each one select specific attribute values.

More information can be found in the Variants section.

Examples of Typical Attributes ​

Clothing ​

  • Color — type: Color Swatch (Red, Blue, Green, ...)
  • Size — type: Dropdown List (XS, S, M, L, XL, XXL)
  • Material — type: Dropdown List (Cotton, Polyester, Blend)

Footwear ​

  • Color — type: Color Swatch
  • Size — type: Dropdown List (35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46)
  • Width — type: Dropdown List (Narrow, Normal, Wide)

Food ​

  • Weight — type: Dropdown List (250g, 500g, 1kg)
  • Flavor — type: Button (Sweet, Sourdough, Bitter)

Electronics ​

  • Color — type: Color Swatch (Black, Silver, Gold)
  • Capacity — type: Dropdown List (64GB, 128GB, 256GB, 512GB)
  • Connectors — type: Dropdown List (USB-C, USB-A, Lightning)

Tips and Tricks ​

Consistency ​

Use consistent naming for attribute values. For example:

  • Good: Red, Blue, Green
  • Bad: red, BLUE, green

Value Order ​

Arrange values logically. For sizes, use the order XS → S → M → L → XL, not a chaotic order.

Shortened Values ​

If you have long names, try to shorten them. For example:

  • Instead of: 100% Cotton + 0% Polyester
  • Use: 100% Cotton

Visual Types ​

  • Use Color Swatch for colors — the customer immediately sees what it looks like
  • Use Variant Image for variants with a visual difference
  • Use Button for binary choices (Male/Female, Yes/No)

Best Practice

Set up attributes for all products, even those without variants. This improves the overall quality of search results and recommendations across your store.

More Information ​