Thumbnails
Create selection buttons with thumbnails
Last updated
Create selection buttons with thumbnails
Last updated
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.
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.
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.
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.
Now, repeat the process and add as many variants as needed.
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.
In this case, we will use some ready-made images representing different areas for the boxing gloves.
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.
At this stage we can click on the "Preview" button at the top right of the screen to see what the configurator looks like.