Selection Micro-Interaction for Featured Product & Collection Elements

Modified on Thu, 27 Nov at 5:04 AM

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.
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.
  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.
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.
  3. For mapped elements, double-click simply highlights the selected item.
  4. The 
    selection order
     remains consistent even when items are added or removed.
Points to Note:
  • Item selection on the canvas applies only to the Featured Products and Collections List Store elements.
  • For items not mapped to real products or collections, the item selection dropdown drawer will open. For those already mapped, selecting them will simply highlight the corresponding item.
  • The selection order is maintained even when items are added to or removed from the element.
Images:
image
image
image
image

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article