Thumbnails

Create selection buttons with thumbnails

The "Thumbnails" option set creates, as the name makes clear, selection buttons using images. In other words, for each variant in a set of "Thumbnails" options you can attach an image. This is another way you can create buttons in the configurator, although in the 'Materials' option set the thumbnails are generated automatically, here you can upload your own images.

Add 'Thumbnails' option set

To add a "Thumbnail" option set, go to the "Create Options" tab and select the "Thumbnail" option type from the drop-down menu found in the upper right side and click "Add block" to add it to the block list.

Before adding the set "Thumbnail" option to the block list, the platform will prompt you to define it.

Define 'Thumbnail' option set

It is mandatory to add a "Title" and at least one variant in order to be able to click the blue "Save" button in the lower right screen and add the new option set to the block list. Please note that you can always return to this option set and edit the title, change the button style and thumbnail size, and hide or show the title until you have the desired result.

Now, click the 'Add variant' blue button found in the lower right side screen and add your first Thumbnail variant.

Title and 3D model for the variant

In Simplio3D, the variant is defined the same way for all option set types, with a few differences for: Numeral, Upload, and Text option sets.

We need to give a Title and Variant Name (this must be unique), for the rest: Select 3D Model, 3D Parts and Material is not mandatory to create the variant unless you want this variant to be reflected in the 3D view. In our case we will leave this variant with only Title and Variant Name since we will use Restrictions to enable other options. Click ‘Save’ to create the first variant.

First variant added

Now, repeat the process and add as many variants as needed.

Variants in an Option Set

The unique feature of the thumbnail option set is the "image" icon found in each variant. You can click on each image icon and upload your own image to be used on the buttons.

Add thumbnail image to a variant

In this case, we will use some ready-made images representing different areas for the boxing gloves.

Variants with thumbnail images

NOTE: The current standard subscriptions support 3 thumbnail sizes: 25x25, 35x35 and 60x60. Your pictures must be square, in a 1:1 ratio so that the thumbnail image does not look squeezed.

Now, let's click 'Save' the blue button found at the bottom to add the new Thumbnail option set to the block list.

Thumbnail option set

At this stage we can click on the "Preview" button at the top right of the screen to see what the configurator looks like.

Preview mode

Last updated

Was this helpful?