Back to Website
Show / Hide Table of Contents

This feature is available only upon request. To enable it in your account, contact our support team.

Editing options

  • Last updated on November 11, 2024
  • •
  • 5 minutes to read

In this article, you will learn what an option and an option value is, and how to create them. You can read more about the concepts of options in the What is a product? article.

The Options tab

Let's observe options in a product. For this, go to your product and select the Variants tab. Here you can see all your options and option values.

The option tab with options and their values.

  1. The option name

  2. The option values.

  3. Manage option. Here you can manipulate options as described in the Manipulating options paragraph.

  4. Edit. Here you can customize an option. For more details, refer to the Editing options paragraph.

Manipulating options

To manipulate options, click Manage options. When a new dialog box opens, you can see your options and values.

Let's observe how you can manipulate them.

Manipulating options: adding, renaming, moving, and deleting.

Adding

To create a new option, click Add option.

In the Option name field, insert an option name. Then, add option values to the Option values fields. After you've inserted a name for an option value, a field for a new value will appear.

Renaming

You can rename options. For this, click the input field to make it active. Now you can delete the its name and insert a new name.

Changing the order

You can change the order of options and option values. To do so, place your cursor at the drag buttons, click and hold the element to move the element up or down.

Deleting

To delete an option or an option value, click the delete buttons.

Now let's see how to edit options.

Editing options

You can add settings to an option. For this, select an option and click Edit. The Style dialog box will open.

Let's see the General tab.

The general tab.

  1. Description. This text appears under an option title in your workflow.

  2. Tooltip. This is hidden text that appears when you hover the pointer to the tooltip sign (?).

  3. Image. This image visualizes the option for yourself and won't be available in your workflow for customers.

  4. Values. Here, you can modify option values and change their appearance.

Let's consider values in detail in the next paragraph.

Modifying values

You can add a color, a text, or an image in a value.

Modifying options.

Additional text

This text appears in the option values for the radio, drop-down, image list, and color list option types. For more details, read the Appearance paragraph.

Additional text in options.

Image

Your option value can be an image or display an image.

To upload an image, click Select Image.

Then you need to change the option type to show an image in your workflow. Only the option types drop-down, image list, image grid can display images.

Images in options.

For more details, read the Appearance paragraph.

Color

You can add a color to an option. For this, insert a color in the HEX format, for example, #b5b53e. The drop-down, color list, color grid option types can display colors.

To display this color in your workflow, change the option type. For more details, read the the Appearance paragraph.

Options with color.

Note

If you add both an image and a color to a value, the Dropdown, Color grid, Color list will display the image by defalut.

Appearance

In the Appearance tab, you can select option types. This type defines the visual form of an option in your workflow. To select option types, select one of them in the Display type drop-down list.

The appearance tab.

  1. Display type. You can select an option in the Display type drop-down list. The following option types are available: Radio, Dropdown, Chips, Color grid, Color list, Image grid, Image list.

  2. Option description shows a description that is added in the General tab.

  3. Option tooltip displays text when you hover the pointer over the tooltip sign (?). If you don't add this text, but this toggle is on, the tooltip sign won't appear.

  4. Value additional text displays a text in option values. Available for the Radio, Dropdown, Color list, Image list.

  5. Allow multiselect displays option values as checkboxes. This toggle has higher priority than Display type. If you switch on this toggle, the option values will be checkboxes.

Let's look at the option types.

Option types

Multiselect

The multiselect mode displays option values as checkboxes.

The multiselect option values.

Radio

The Radio buttons are a default variant of option types.

Radio options.

Dropdown

This option type allows you to embed options and option values compactly. It can display text, images, and colors.

The option with drop-down list.

Chips

The chips are buttons with text inside.

The chips options.

Color grid and Color list

These option types may display colors. The option will be a colored reclangle. To learn how to define a color, read the Modifying paragraph.

Color grid represents rectangles in a grid.

Options as a color grid.

Color list shows rectangles vertically.

Options as a color list.

Image grid and Image list

Your options may display images. To display images, use these option types. To read how to upload photos, see the modifying paragraph.

The Image grid displays photos in a grid.

Options as an image grid.

The Image list shows photos vertically.

Options as an image list.

Descriptions and tooltips

Here, you can see the toggles that make descriptions, the tooltip, and additional text visible. These toggles are on by default.

Descriptions, additional text, and a tooltip for an option.

  1. The Option tooltip toggle shows text when you place a cursor on the tooltip sign.

  2. The Option description toggle displays a description below the option title.

  3. The Value additional text toggle appears if the option type is Dropdown, Color list, or Image list. The text will be below the option value title.

Note

If you don't insert text for a description, a tooltip, or for additional text, they won't appear at all even if the toggles are on.


Now that the options are ready, you can add assets to your product. To do this, go to the Connecting assets to products article.

Was this page helpful?
Thanks for your feedback!
Back to top Copyright © 2001–2024 Aurigma, Inc. All rights reserved.
Loading...
    Thank for your vote
    Your opinion is important to us. To provide details, send feedback.
    Send feedback