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 > 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 > 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 — number of attribute values
  • Edit — edit button
  • Delete — delete button

Creating a New Attribute ​

Path: Admin > Attributes > New Attribute

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

When using the Color Swatch type, use only actual color values. Mixing non-color values with the color type may cause display issues.

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. 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 > Attributes > [Click the Edit button]

After clicking the Edit button, a form with the attribute details opens. You can change:

  • Attribute name
  • Display type
  • Values

After making changes, click Update.

Deleting an Attribute ​

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

After clicking the Delete button, the attribute is deleted.

WARNING

This operation is irreversible. If the attribute is assigned to any product, the system will warn you.

How to Use Attributes When Creating Products ​

Step 1: Create Attributes ​

First, create all the necessary attributes in Admin > 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 ​