Promotion banner

Overview

The Promotion Banners Section allows you to create a visually appealing grid of customizable banners for promoting products, collections, or other key information. Each banner can include images, headings, captions, and links, arranged in a configurable grid.

Section Configuration:

Grid Layout

Setting	Description
Desktop Row Height	Sets the height of rows for desktop screens. Range: 200-580px. Default: 300px.
Mobile Row Height	Sets the height of rows for mobile screens. Range: 150-300px. Default: 200px.

Spacing

Setting	Description
Top Padding	Adds space above the section. Range: 0-100px. Default: 36px.
Bottom Padding	Adds space below the section. Range: 0-100px. Default: 36px.

Block Configration:

Each block represents a banner within the grid. You can add multiple banners and configure their appearance and position.

Setting	Description
Image	Upload an image for the banner.
Caption	Adds a small text caption above the banner heading.
Caption Size	Sets the size of the caption text. Options: Small, Medium, Large. Default: Small.
Caption Weight	Sets the font weight for the caption. Options: Bold, Semi-Bold, Medium, Normal. Default: Medium.
Heading	Adds a prominent heading to the banner.
Heading Size	Sets the size of the heading text. Options: H2, H3, H4, H5. Default: H3.
Heading Weight	Sets the font weight for the heading. Options: Bold, Semi-Bold, Medium, Normal. Default: Bold.
Content Position	Aligns the content within the banner. Options: Top Left, Top Right, Center, Bottom Left, Bottom Right. Default: Bottom Left.
Link	Adds a clickable link to the banner.
Open in New Window	Opens the link in a new tab. Default: Disabled.
Columns	Determines the width of the banner in grid columns. Range: 1-6. Default: 2.
Rows	Determines the height of the banner in grid rows. Range: 1-4. Default: 2.
Color Scheme	Sets a color scheme for the banner. Default: Scheme2.