Synopsis:  This SideCar component is used to provide description, images and details to be displayed within each child /sub menu item(right section) with page navigation links  in header main menu navigation. The Header is configured with the Header Experience Fragment.

Content Fields:

Resource Type Text, Image Path, Title, Description, CTA Path, CTA Analytics. Name

Options:

Blur: Check Box (Optional).

Mode: Light Mode, Dark Mode.

CTA Link Target: Same Tab,New Tab.

Usage: (Home page header navigation) - Experience fragments

Title Field Stylings: To Author ServiceMark/RegisterMark/Trademark stylings in Title field use below HTML codes.

ServiceMark  :    <sup>&#8480</sup>

RegisterMark :   <sup>&#174</sup>

Trademark     :    <sup>&#8482</sup>

Note: This should be used as an example only. 

Scenario 1

SideCar Component - Blur and Dark Mode

Ingredients: Container , SideCar.

 

sidecar-image
DATA INSIGHTS

For consumers, it’s all about the experience®: Four relevant consumer spending trends

The Big Signal of Small BusinessSM

Explore the fiserv Small Business Index TM

Scenario 2

SideCar Component - Without Blur and Light Mode

Ingredients: Container and SideCar Component.

 

sidecar-image
DATA INSIGHTS

For consumers, it’s all about the experience℠: Four relevant consumer spending trends

Explore the Fiserv Small Business Index™