Simplio3D
HomeHelp Center
  • INTRODUCTION
  • GETTING STARTED
    • Create an account
    • Prepare 3D models
  • LEARNING THE APP
    • Dashboard
    • My Account
    • Products
      • New Product
      • Select Layout
      • Add 3D Models
        • 3D Model versions
      • Create Options
        • Default
        • Sections
        • Dropdown
        • Material
        • Checkbox
        • Toggle
        • Thumbnails
        • Arrows
        • Upload
        • Text
        • Numeral
          • Sizing: Keep the proportions
        • Restrictions
          • 'Has one or more variants selected from' type of restriction
          • 'The variant value is between min and max' type of restriction
      • Pricing
        • Pricing formula
        • Variables
        • Add price
      • Add form
        • Add Field
        • Email Settings
          • Gmail
          • Sendgrid
      • Share
      • Product Viewer
    • Materials
      • New Materials
      • Textures
      • SVG
      • Categories
    • 3D Assets
      • Edit 3D Assets
      • Categories
      • File too large
    • Orders
  • Integrations
    • WooCommerce
    • Shopify
    • API Documentation
  • API Reference
    • Partner API
      • Managing Orders
    • Open API
      • Getting Started
      • User Authentication
      • 3D Assets
      • Configurators
      • Contact Form
        • Form Fields
        • Forms
      • Options
        • Options
        • Option Variations
        • Option Restrictions
      • Price Groups
      • Share
      • Materials
        • Materials
        • Material Categories
      • Textures
        • Textures
        • Texture Categories
      • Orders
    • API SDK
  • Other
    • Change Log
Powered by GitBook
On this page

Was this helpful?

  1. LEARNING THE APP
  2. Products
  3. Create Options

Sections

Organize option sets within the layout configurator

PreviousDefaultNextDropdown

Last updated 4 months ago

Was this helpful?

Using sections is a great way to organize your configurator layout, especially when you have many 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

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

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.

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 block" button.

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.

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.

Side sections
Steps section
Side and Steps sections
Add section
Edit section
Drag and drop sections