As a starter kit creator, I can have a set of fragments available that allow me to customize the layout of the starter kit pages as well as build new ones.

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.4.13 DXP GA1, 7.4.3.4 CE GA4, 7.4.3.5 CE GA5, 7.4.13 DXP U1, Master
• Component/s: Site Initializer Framework, Solutions > Dialect Theme
• Labels:
  • Liferay_Online
  • Liferay_Online_p2
  • echo-board-out
  • echo-not-test-scope
• Epic Link: Liferay Online First Starter Kit

Motivation:

Once the design of the different pages has been defined, and the building blocks that could become fragments identified in the design phase, we need to build these fragments and organize them by fragment collections.

Acceptance criteria:

• Create fragment collections that make sense to the page editor user in a way that represents the various types of page building needs.
• Favor the use of the tokens provided by the theme's token definition as values ​​for the style properties that affect the visual identity so that it can be customizable as much as possible through stylebooks.
• Favor the creation of code fragments as small as possible so that the page layout is centralized on the page editor.
• In line with the above, favor the creation of "Composition" type fragments built on smaller code fragments in order to provide more options for page customization.

Design

Figma file

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?
Can use a Masterclass button fragments	Mid	Manual	No	No	Yes
Can use a Masterclass link fragments	Mid	Manual	No	No	Yes
Can use a Masterclass Border fragments	Mid	Manual	No	No	Yes
Can use a Masterclass Classroom Header fragments	Mid	Manual	No	No	Yes
Can use a Masterclass Footer fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Navbar fragment	Mid	Manual	No	No	Yes
Can use a Masterclass container fragments	Mid	Manual	No	No	Yes
Can use a Masterclass image fragments	Mid	Manual	No	No	Yes
Can use a Masterclass Heading fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Cookie Banner fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Hero fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Private Header fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Subscribe Form fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Tabs fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Text Block fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Video fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Map Video fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Video Player fragment	Mid	Manual	No	No	Yes
Can use a Masterclass Slider fragment	Mid	Manual	--	--	Yes
Can use a Masterclass Sign In fragment	Mid	Manual	No	No	Yes