Image banner

To add this section, please follow the below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Image banner".

Setting	Description
Allow transparent header	Enable/disable checkbox (This setting only applies when this section is the first one on the homepage.)
First image	Set up an image.
Second image	Set up an image.
Image overlay opacity	Determines the image overlay opacity of the block. Can be from 0% to 100%, in 10% arithmetic increments.
Banner height	Select the image height for the section: Adapt to first image Small Medium Large
Desktop content position	Set every position alignment for content inside section containers: Top left Top center Top right Middle left Middle center Middle right Bottom left Bottom center Bottom right
Show container on desktop	Enable/disable checkbox
Desktop content alignment	Set horizontal alignment for content inside section containers: Left Center Right

Animations

Setting	Description
Image behavior	Select the images effect: None Ambient movement Fixed background position Parallax on scroll

Mobile layout

Setting	Description
Mobile content alignment	Set horizontal alignment for content inside section containers: Left Center Right
Stack images on mobile	Enable/disable checkbox
Show container on mobile	Enable/disable checkbox

Color

Setting	Description
Color scheme	Set the text color and background color for the section.

Section padding

Setting	Description
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

---

Heading Block

Setting	Description
Heading	Add text to display as a block heading. (Leave the field blank to hide the heading)
Heading size	Font size of text: Small Medium Large

---

Text Block

Setting	Description
Description	Add text to display as a custom content to describe this block. (Leave the field blank to hide the description)
Text style	Select the text style for the block: Body Subtitle Uppercase

---

Buttons Block

Setting	Description
First button label	Add text to display as a button label. (Leave the label blank to hide the button)
First button link	Set the link of the button, for example the customer service page.
Use outline button style	Enable/disable checkbox
Second button label	Add text to display as a button label. (Leave the label blank to hide the button)
Second button link	Set the link of the button, for example the customer service page.
Use outline button style	Enable/disable checkbox