Component Catalog
Product Hero Block Hero
Hero
Product Hero Block The Product Hero opens a product page, pulling live details from a linked product record
The Product Hero opens a product page, pulling live details from a linked product record.
When to use
This page shows the Product Hero Block across background, alignment and spacing settings, then lists its fields.
Variations The same block across five settings
Left · Light 01 — bg: bgstyle-01 · align: left
Featured
Standard Widget Everyday reliability
A dependable all-rounder for teams getting started.
Center · Light 02 — bg: bgstyle-02 · align: center
Featured
Standard Widget Everyday reliability
A dependable all-rounder for teams getting started.
Right · Plain — bg: bgstyle-00 · align: right
Featured
Standard Widget Everyday reliability
A dependable all-rounder for teams getting started.
Center · Dark 05 — bg: bgstyle-05 · align: center
Featured
Standard Widget Everyday reliability
A dependable all-rounder for teams getting started.
Center · Image BG — bg: bgstyle-05 · align: center
Featured
Standard Widget Everyday reliability
A dependable all-rounder for teams getting started.
Field reference
| Field | Editor | Required |
|---|---|---|
| productRecord | Node picker | — |
| contentHeadline | Text | — |