Configurator System Overview

The Configurator is a comprehensive system that enables dynamic product customization through a structured approach to attributes, events, annotations, and AI-powered visualization.

Core Components

Attributes

Attributes form the foundation of product configuration. They define how products behave and appear in the UI by controlling visibility, values, colors, and component selection. The system supports six attribute types: Single, Number, Color, Part Reference, Image, and Repeater. Each attribute must belong to a category and link to products to participate in configuration logic.

Events System

The events system streamlines configuration processes by managing interactions and state changes efficiently. It coordinates how different parts of the configurator respond to user actions and attribute changes.

Annotations

Annotations provide clarity and organization throughout the configuration interface. They help users understand options and guide them through the customization process with contextual information.

AI Photo Studio

AI Photo Studio generates high-quality product renders using artificial intelligence. It offers customizable features including field of view control, scene selection, and prompt-based generation. Users can switch between standard and pro modes to create professional product visualizations that reflect their configuration choices.

How It Works Together

These components work as an integrated system: attributes define what can be configured, events manage the configuration flow, annotations guide the user experience, and AI Photo Studio visualizes the final result. This architecture ensures predictable, scalable product customization.