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.

Last updated