Layout: Hero form product right

Three column layout for use as a hero with a form and trusted logos

Category: Waterlogic Heros.Content Blocks Documentation: https://docs.modmore.com/en/ContentBlocks/v1.x/Layouts.html

Additional settings are available by hovering over the field and clicking the cog in the top right

How to use

To use this template it is important that the different layout content areas contain the right content. The first (top left) should contain Headings, text, and content related fields. Second (top right) should only have a trusted logos field. And the third (bottom left) should only contain a form. This form will also be added to a mobile modal and a button will automatically show below the content area allowing users to open that form modal.

Options

Option

Description

Default

Hero product image

Product Image to use for Hero

Hero product image alt

Alt text for hero product image

Second product image

A second image to use in the hero

Second product image alt

Alt text for second image

Settings

Setting

Description

Default

Form columns

Bootstrap columns for the desktop form

col-12 col-xxl-10 col-xl-9

Data-UID

A unique ID of the container for skip to links

Margin top

Add margin to the top of the container for vertical alignment adjust

Margin bottom

Add margin to the bottom of the container for vertical alignment adjust

60px

Form modal button colour

On mobile/ tablet a button will show that will trigger the modal containing the form. The button is lexiconed - Request a quote. You can select the colour of the button

Orange