Skip to main content
This guide provides a comprehensive walkthrough of using AI functionality to quickly create product option sets, including requirement descriptions, conversational interactions, version management, and configuration saving.

Accessing the AI Chat Interface

1

Access the App admin dashboard

2

Select "Sectionly:AI Product Options"

3

Click "AI Chat"

Core Workflow

Input Requirement Description

In the chat input field, describe your product option set requirements in natural language. You can use plain text, images, attachments, links, and other formats to assist with explanations.
Example Description:
Plain text input example

Conversational Interaction and Optimization

Generation and Preview

1

After entering requirements, press Enter and AI automatically generates the product option set configuration

2

Left side displays conversation content, showing generation results (including version numbers and configuration overview)

3

Right side preview area presents the frontend effect of the option set (such as option layout and interaction logic)

Generation and preview interface

Continue Optimization

If you’re not satisfied with the generated results, you can provide additional instructions for optimization: Optimization Example:
AI will iteratively generate new configurations based on conversation history, supporting multiple iterations (generating multiple versions like V1, V2). Optimization iteration example

Version Switching and Comparison

How to Operate:
  • The chat area retains all historical version cards
  • Click on different versions (Config v1/Config v2)
  • The right preview area will sync to show the corresponding configuration effect
  • Easy to compare differences across multiple optimization rounds Left version switching

Pausing Conversation or Adding Requirements

During AI generation or configuration optimization, if you discover errors in the content or need to add new requirements:
  1. Click the pause button on the right side of the input field
  2. AI will immediately stop the current execution process Pause execution
After pausing, you can add new instructions in the input field:Example:
After pressing Enter, AI will continue executing configuration generation/optimization based on the paused conversation context combined with new requirements, without needing to restart the conversation.Continue execution

Configuration Saving

Save Operation

1

After confirming a version configuration, click the "Save" button next to the configuration card in the chat area

2

The "Save Configuration" dialog will appear

3

Name the configuration (defaults to a timestamped name like AI Generated Config - 8/18/2025, 4:03:37 PM)

4

The configuration will automatically sync to the "Option Sets" list in the left navigation

Configuration saving

Manual Configuration Editing

Saved configurations support manual editing for more granular control.
1

Click the "Edit" button to open the current version's configuration dialog

2

This interface supports manual editing and modification of the configuration

3

After completing manual edits:

  • Click the Save button in the top right to save modifications
  • Click Cancel to discard changes and close the edit dialog
4

The configuration will automatically sync to the "Option Sets" list in the left navigation

Manual editing interface Edit and save

Applying Option Sets to Product Configuration

Access Option Sets List

1

Click "Option Sets" in the left navigation

2

Find the AI-generated and saved option set (e.g., AI Generated Config)

3

Click to enter the edit page

Option sets list

Set Product Application Scope

Manual Product Selection
  1. Enable the “Manual Selection” toggle
  2. Click “Click to select products”
  3. Search and select target products (supports multiple selection)
Product application settings

Basic Information Configuration

1

Click the "⋯" button next to "New Option Set"

2

In the popup dialog, modify the option set name (e.g., "Summer T-shirt Customization")

3

Select status:

  • “Active” (effective, can be applied to products)
  • “Inactive” (inactive, temporarily not applied)
Basic information configuration

Final Save

1

Click the "Save" button to sync the template configuration to the left Option Sets list

2

Click the "Discard" button to abandon reuse

Final save

Important Notes

Important Reminders
  • AI-generated configurations support multiple iterative optimizations
  • Version management functionality facilitates comparing different configuration effects
  • Saved configurations can be further manually edited
  • Recommend thoroughly testing preview effects before saving
Best Practices
  • Providing detailed requirement descriptions improves AI generation quality
  • Make good use of multimedia assistance (images, documents, links)
  • Utilize version comparison functionality to select optimal configurations
  • Use the pause function wisely to avoid erroneous generation