Skip to Main Content

Digital Hub Guide

Product Hero Component Variant 01

A full-width background image or color to introduce the Product Information. The other elements are Product Name, Product Short Description and Product Image.

Component Anatomy

Header with UI Elements

UI Elements Index

  1. Container
  2. Back Button
  3. Headline Text (Product Name)
  4. Headline SubText (Product Description)
  5. Product Image

Hero Elements

Container
Hero Container can be configured following the Style configuration settings. Background can be set to be a color, a gradient or an Image.

Back Button
Back Button can be configured following the Style configuration settings

Headline Text
Headline Text is dinamically filled with the Product Title

Headline SubText
Headline SubText is dinamically filled with the Product Description

Product Image
Product Image is dinamically filled with the associated Product Image