In creating a configurator product, you should be aware of what product you will be using and the parts that are needed to be configured. For this tutorial, we will be having Shoes as our product.
When adding the group layer, you must hover the “+ Add Layer” option on the top header of the configurator editor and you will notice there are choices for group layer, sub-group layer, and image.
Click the “Group” then rename it as Base Color. On the right corner of your editor, there are some settings you should consider reviewing and adding details under Group Layer. Here are some explanations for every options:
- Control Settings – Select which type of control you want to use. There are colors, Label and icons that can represent your Group Layer on Front-end. For this product, we will be choosing the Icons since we have an image for each group layer.
- Other Settings – There are lots of options that belong to the other settings that can be modified.
- Description – you can add any description for your group layer.
- Required Option – This option must be enabled for the group layer category because these parts like base color, sole, strap are needed to create sunglasses.
- Multiple – You can allow this to have multiple selections.
- Hide Control – You can hide this and child layers in controls.
- Switch View – Switch to the selected view when the user clicks this control.
- Deselect Child – Remove all sibling’s active layers in this group. If you have a variant of colors like for example (DARK(red, military green, gray, black) LIGHT(white, yellow, blue) TEXTURE(Snake, Camouflage)) and you want that your customer/client will only choose one color among all of the colors. This feature will work only if you have enabled the deselect child on the parent layer.
- Control Title from addon – This is a new feature added where you can enter a short title