Sections

Organize option sets within the layout configurator

Using sections is a great way to organize your configurator layout, especially when you have multiple sets of options to work with. In other words, you can divide the configurator options into sections. Simplio3D provides 2 styles (types) of sections:

• Side - allows the options to be divided into sections in the layout

• Steps - allows the options to be divided into section tabs that are visible in the configurator header

NOTE: You can also combine Side with Steps to better enrich and structure the configurator layout. Especially when creating more complex configurators.

Side

Side sections

The side sections allow you to group your options into a configurator. These sections are best suited for left and right vertical menus, but can be used for horizontal menus in a layout configurator.

Steps

Steps section

The Steps section is another way to group your options in a configurator by creating header tabs. Like side sections, steps are a great way to keep the configurator looking clean.

Combining both Side and Steps sections in a configurator layout

Depending on the type of configurator you want to build, you can use both Side Sections and Steps Sections in the same layout.

Side and Steps sections

Adding sections

Sections can be added in the same way we add "Default" blocks or option sets. The section block is found in the "Create Options" tab at the top right of the screen, in the drop-down button. Select "Section" and click the blue "Add Option Set" button.

Add section

Before adding the section to the configurator layout, the platform will prompt you to provide a title and select the type of section you want to add (Side or Steps). The section title and type can be changed at any time by clicking the edit icon found in each section block.

Edit section

After clicking 'Save', it will be visible at the bottom of the block list and you can drag and drop it in the order you want.

NOTE: Any option set or section found below the newly added section will create a tree view to better display the hierarchy of all the options in the configurator.