Existing variations indicator

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Collections
• Labels:
  • d_22_10
  • d_22_11
  • fc_22_11
• Epic Link: UX improvements when using Collections

When I'm working with collections, I want to have a visual indication about them having variations so that I can understand the set of contents they're displaying.

Requirements:

Visual indication should be present:

In the list of collections:

• Add Labels "X Variations" and "No Variations"
• Change Icons for Dynamic Collections (already done in https://issues.liferay.com/browse/LPS-166045)
• Add Tooltip to the icon of the collection
• Change Icon for Collection Providers Collections
• Add Table view format (Already done in https://issues.liferay.com/browse/LPS-166893)
• Add Cards view format (Already done in https://issues.liferay.com/browse/LPS-166893)

In the modal for selecting collections

• Add Labels "X Variations" and "No Variations" in the Item selector cards and List View

In the collection display fragment configuration, in the page editor

• Add XS button to display a popover with the list of variations of the collection > tackled LPS-168545

Design:

Figma

Test Scenarios

Test Scenarios	Test Strategy	Kind of test	Is it covered by FrontEnd ? (JS-Unit)	Is it covered by BackEnd ? (unit or integration)	Could it be covered by POSHI?
The site designer could see the variations indicator of collection on the Collections admin	CRITICAL	Manual	No	No	Yes
The site designer could see the variations indicator of collection on the Select modal	CRITICAL	Manual	No	No	Yes
The site designer could see the tooltip when hover on the icon of collection	MEDIUM	Manual	No	No	Yes
The site designer could see the icon of collection provider is bolt	MEDIUM	Manual	No	No	Yes