Skip to main content

Icons and Titles

In this tutorial, we'll learn how to customize titles and icons for parent groups and items in the VariationConfiguratorPlugin using the Editor. By default, the title is set to the name of the item or group, and the icon's path is the same as the GLB model with the same name. However, you can set custom titles and icons for a more user-friendly experience.

Customizing Titles​

To set a custom title for a group or an item:

  1. Open the Editor.
  2. Go to the Configurators tab.
  3. Select Configurator from the right panel.
  4. Find the parent group or item you want to set a custom title for.
  5. Click on the group or item to select it.
  6. Below the selected group or item, you will find fields for title and icon
  7. In the Title field, enter the custom title you want to use.
  8. Press Enter to save the changes.
  9. Click Refresh Ui to see the changes applied on the left side of the Editor.

Customizing Icons​

To set a custom icon for a group or an item:

  1. Open the Editor.
  2. Go to the Configurators tab.
  3. Select Configurator from the right panel.
  4. Find the parent group or item you want to set a custom icon for.
  5. Click on the group or item to select it.
  6. Below the selected group or item, you will find fields for title and icon.
  7. In the Icon field, you can enter one of the following options:
    • A base64 URL for an image: This will display the image as the icon.
    • A color value starting with a # (e.g., #FF5733): This will display a solid color as the icon.
    • A CSS color string (e.g., red, blue, or green): This will display the specified color as the icon.
  8. Press Enter to save the changes.
  9. Click Refresh Ui to see the changes applied on the left side of the Editor.

Remember to save your configuration by clicking the Download JSON/Zip button after making any changes. Upload the updated config.json file to your remote server to apply the custom titles and icons.

With these steps, you can easily customize the titles and icons for parent groups and items in the VariationConfiguratorPlugin using the Editor.