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 |