Image banner

The Image banner section provides a flexible and stylish option for combining text, images, and links. Use the section blocks and settings to showcase media and messaging.

---

The Image banner section is a perfect opener. A lightweight section that can present a full-width image.

1. Our guide to set up an Image banner section:

Steps:

• In the theme editor, click Add section.

• Locate Image banner.

• Click Save.

2. Section blocks:

• Heading: Use the provided text fields to add a suitable heading/description. Leave any of them blank if you do not want to display them.

• Text & Caption: Click the Text/Caption block to customize its content. Add the content to the Description field.

• Countdown timer: display a live countdown for an upcoming event or sale. Use this block to create a sense of urgency or anticipation for your customers.

• Buttons: Click the Button block to customize its content. Connect a page or other URL with the Link field.

3. Image banner section settings:

• Click on the Image banner section to open the section settings.

• Image: Select or upload one image. There are no required image dimensions but we recommend an image that is landscape (wider than it is tall). We recommend uploading an image with a minimum width of 2048px for optimal quality.

You can add a link to redirect customers to your desired page. Enable parallax effect and change Image overlay opacity if needed.

• Banner height: Section height options include: Small, Medium, and Large. Choose Adapt section height to image size to display the original image shape.

• Align the content to the Left, Center, or Right by selecting one of these options from the Desktop/Mobile content alignment setting to build the best look for different devices.

• Use the Section width option to control the maximum width of the Image banner section to Full width or Fixed.

Full width

Fixed