Template: Product Hero

Product Hero - Consisting of Brand Product Layout


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


product-hero-template.png

Image: The main image to display on top of the SVG. Should be a PNG image with transparent background.

Image Alt text: Alt text to display on the main image.

Image 2: Optional second image that sits beside Image 1. Should be a PNG image with transparent background.

Secondary Image Alt: Alt text to display on image 2.

 

Content area allows you to add any field to this section. Designed initially to use headings and buttons. See example below:

brand-product.png

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

additonal-settings-brand-product.png

Bootstrap Column 1: Classes by bootstrap for the grid. Defaults to col- https://getbootstrap.com/docs/4.0/layout/grid/

Bootstrap Column 2: Classes by bootstrap for the grid. Defaults to col-12 https://getbootstrap.com/docs/4.0/layout/grid/

Padding Top: Padding top for the layout. Default to 45px.

Padding Bottom: Padding bottom for the layout. Default to 45px

Margin Top: Margin top for the layout. Default to 60px

Margin Bottom: Margin bottom for the layout. Default to 0px

SVG Colour: The SVG Colour Default to Light Blue.

Add breadcrumbs to section: Should breadcrumbs appear within this product hero? Default to Yes


Revision #5
Created Mon, Sep 21, 2020 3:13 PM by Jamie Haines
Updated Tue, Oct 13, 2020 1:54 PM by Carly Smith