Selection Micro-Interaction for Featured Product & Collection Elements

What’s New?

We’ve improved how users connect and manage products or collections in the builder with new, intuitive micro-interactions on the canvas. This update simplifies selection and configuration directly within the editor — no need to jump between menus or side panels.

我们改进了用户在 builder 中连接和管理 products 或 collections 的方式，通过 canvas 上全新的直观 micro-interactions。此更新简化了在 editor 中直接进行选择和配置的流程，无需在 menus 或 side panels 之间切换。

Key Highlights

1. Direct Canvas Selection

• Users can now double-click items on the canvas to select or configure them directly.
• For unmapped items, the selection drawer automatically opens for quick assignment.
• For already mapped items, the selected product or collection is highlighted for clarity.
• 用户现在可以在 canvas 上双击 items，直接进行选择或配置。
• 对于未映射的 items，selection drawer 会自动打开以便快速分配。
• 对于已映射的 items，所选的 product 或 collection 会高亮显示以便清晰区分。

1. Two-Way Sync: Any selection change reflects instantly between the builder canvas and sidebar drawer.

2. Visual Feedback: Selected items now display a subtle highlight or border for improved visibility.

3. 双向同步：任何选择更改都会在 builder canvas 与 sidebar drawer 之间即时反映。

4. 视觉反馈：选中的 items 现在会显示细微高亮或边框，以提升可见性。

How It Works

1. Item selection applies only to Featured Product and Collections List store elements.
2. For elements not yet mapped, double-clicking opens the dropdown drawer for selection.