Skip to main content

Home & Hub Hero Block

Overview

The Home & Hub Hero Block in DXP is a flexible header component that can be used on the homepage or as an enhanced hero section on pages like the Products & Services Collection. It lets you add a large background image, a main call-to-action (CTA), and includes both left and right sections for customizable content.

Contents:

  • Block customization options
  • Block examples
Home & Hub Hero Block Illustration

Block Customization Options

Left Side

Element Required Options Available

Left-hand Eyebrow Header

 N
  • Heading Text
  • Heading Element

Left-hand Header

 N
  • Heading Text
  • Heading Element

Left-hand Inner Hero Content

 N

Ability to add:

  • Mini Form Block
  • Product Detail Wall
  • Rich Text Block
  • Button Block

Mini Form Dropdown Default

 N Selection

Product Wall Default

 N Selection

Right Side

Element Required Options Available

Background Theme

 N
  • None
  • Dark
  • Light

Right-hand Eyebrow Header

 N
  • Heading Text
  • Heading Element

Right-hand Header

 N
  • Heading Text
  • Heading Element

Sticky Header Button Header

 N Text input

Right-hand CTA Content Variant

 N
  • Button Only
  • Content Area (Mini Form)
  • None

Call to Action Button

 N
  • Button Size
  • Button Style
  • Button URL
  • Display Button Icon

Example of Home & Hub Hero Block

 

You can also view the live version of the Home & Hero Block as a part of a Home Page here