<aside> 💡 Hero Header has 1 mobile declination 2 desktop declinations. Choose the option in a Mobile Declination and Desktop Declination fields to render relevant view of the module.

Screenshot 2023-01-18 at 14.47.09.png

</aside>

Mobile Declinations

Option 1

Screenshot 2023-01-25 at 23.04.06.png

Desktop Declinations

Option 1

Screenshot 2023-01-25 at 23.01.16.png

Option 2

Screenshot 2023-01-25 at 23.01.51.png

Notes

Hero Header also has optional Video Settings field which are applied only if the Visual has Video file as attachment and ignored if it has Image\GIF file as attachment.
Visual Link field is not mandatory because you should be left empty if Visual Type is a video, not an image.

Styles Contradictions Investigation

In progress

Desktop

Figma Link	Header / Hero	011L Homepage		Header / Hero	010L HomePage	040L Collection Large and Small	050L Universe	060L L’Universe	070L Services Visuels	070L Services Cadeau		No Layout in Library ???	QR Page	Rechargeables
Page / Use case	LIBRARY:
Visual on Top	Home Page:
Visual on Top		LIBRARY:
Horizontal Visual on Left	Home Page:
Horizontal Visual on Left	Collection Page:
Horizontal Visual on Left	Main Category:
Horizontal Visual on Left	Brand > Hub:
Horizontal Visual on Left	Services:
Horizontal Visual on Left	Services:
Horizontal Visual on Left		LIBRARY:
Without Visual	QR Page:
Without Visual	Rechargeables:
Without Visual
Space Before the Section (between current and previous element)	-	`20` ???
Mega Menu		-	`20` ???
Mega Menu	0
Breadcrumbs	0
Breadcrumbs	0
Breadcrumbs	0
Breadcrumbs	0
Breadcrumbs		-	0
`Mega Menu` ???	0
Breadcrumbs ???
Section Space Top	20	20		20	20	`0` ???	20	20	20	20		-	50	`30` ???
Visual-Col Space Left	60	60		`20` ???	20	20	20	20	20	20		-	-	-
Visual-Col Space Right	60	60		0	0	0	0	0	0	0		-	-	-
Content-Col Space Left	60	60		60	60	60	60	60	60	60		-	60	60
Content-Col Space Right	60	60		60	60	60	60	60	60	60		-	60	60
Section Space Bottom	60	`0` ???		60	`0` ???	`0` ???	60	60	60	60		-	30	`0` ???
Space After the Section (between current and next element)	-	`60` ???
Product Slider		-	`60` ???
Product Slider	`60` ???
Selection Push	0
Selection Push	0
In Page Nav	`60` ???
Unknown	0
Brand Services		-	0
Product Banner	`90` ???
Collection Slider
Visual/Content Columns Grid	16 of 16	16 of 16		10/6 of 16	10/6 of 16	10/6 of 16	10/6 of 16	10/6 of 16	10/6 of 16	10/6 of 16		-	16 of 16	16 of 16
Visual Col Inner MaxWidth	none	none		none	none	none	none	none	none	none		-	none	none
Content Col Inner MaxWidth	`630px`	center	`630px`	center		610px	left	610px	left	610px	center	610px	center	610px
Section Container MaxWidth	-	`1920` ???		-	1920	1920	1920	1920	1920	1920		-	1920	1920
Description Truncated	none	none		none	none	none	none	none	none	none		-	none	`1 line` ???

Additional Conflicts where task requirements contradicts the Layouts:

https://jira.vaimo.com/browse/DPTQ-3804 required to have 20px space between HeroHeader and Breadcrumbs, while 050L Universe Layout has 50px total space. Fixing of this task made the site mismatch with Figma Layout.