Arrows

Select options with the left and right arrows

We covered in previous chapters how to create option sets using: Dropdown, Material, Checkbox, Toggle and Thumbnails. The way to create option sets and add variants is pretty much the same on all of them, as noted. "Arrows" is another way to add a set of options and the only difference compared to the previously mentioned ones is again, how they work in front. Instead of using a drop down menu, thumbnail buttons, toggles or checkboxes here we have 2 arrows, one to the left and one to the right. By clicking the left or right arrows, you can swap between the options.

Go to the "Create Options" tab and select "Arrows" from the dropdown button on the top right screen. Click the "Add block" button to add the new option set to the block list.

Add 'Arrows' to block list

Before adding the "Arrows" option set to the block list, the platform prompts you to define it.

Define 'Arrows' option set

You must have the Title option set for Arrows and add at least 2 variants. Once you've given a title, click the blue "Add Variant" button on the bottom right of the screen. Add your first variant.

Add a variant

In this pop-up window you will define the variant in the same way as the other option set types. We must have a Title and a Variant Name (which must be unique). In this case, this variant will represent a color variant for my 3D bottle. So I need to select the assigned 3D model in "Select 3D Model" and then the 3D part I want to color is found in "Select 3D Parts".

Select 3D parts that will affect the bottle in the 3D view

The last parameter is the material found in "Select Material" where I can directly select a color or filter by category and then select a color. In this case, I chose a pink glass material.

Select Material for the variant

Click 'Save' and add your first variant. You must add at least 2 variants to be able to save the "Arrows" option set to the block list.

First variant

You can repeat the above process to add more colors. Please note that colors/materials are made in the Materials section.

Arrows option set - variants list

NOTE: Each variant listed above has a check button where you can set the default selection. In other words, the first option is selected once the configuration is loaded. This is found on most option set types.

Now click the "Save" button at the bottom right of the screen to add the option set to the block list.

'Arrows' added in the block list

Click the "Preview" button on the top right screen to see what it looks like in your configurator.

Arrows preview mode