Image banner

Announcement Bar
Benefits product
Brands
Collage
Collection feature
Collection list
Feature collection
Featured navigation
Features banner
Grid view
Header
Image banner
Image with text
Image with video
Logo banner
Lookbook
Multicolumn
Newsletter with image
Parallax section
Rich text with image
Shoppable image
Shoppable video
Shoppable video reels
Slideshow

What is the Image banner section?

The "Image Banner" section is a prominent visual display that showcases your brand or promotions with a blend of high-impact imagery and succinct text. Easily customizable, it sets the stage for your store's narrative and key offerings.

Main settings

Heading
  • Heading: Set the title for the image banner to capture the audience's attention.
Make Section Full Width
  • Make section full width: Enable this setting to make the image banner span the entire width of the container.

Section Height

Height
  • Height: Choose between adapting the height to the image or setting a fixed height.
  • Desktop fixed height: Adjust the fixed height for desktop view.
  • Mobile fixed height: Adjust the fixed height for mobile view.

Colors

  • Text color: The 'Transparent' value is the default and subsequently inherits the value from the global settings.
  • Background color: The 'Transparent' value is the default and subsequently inherits the value from the global settings.
  • Background opacity: Adjust the opacity of the background color (default 100%).

Large Screen Version

Image
  • Image: Select an image for the large screen version of the banner.
Large Screen Text Alignment
  • Large screen text alignment: Choose the alignment of the text on the banner for large screens (options: Top, Center, Bottom, Left, Center, Right).

Mobile Version

Image
  • Image: Select an image for the mobile version of the banner.
Mobile Screen Text Alignment
  • Mobile screen text alignment: Choose the alignment of the text on the banner for mobile screens (options: Top, Center, Bottom, Left, Center, Right).

Section Spacing

  • Distance from the top: Adjust the spacing from the top of the section.
  • Distance from the bottom: Adjust the spacing from the bottom of the section. ​

Customize subheading block

Click one of the preloaded subheading block to customize it.

Customize heading block

Click one of the preloaded heading block to customize it.

Customize button block

Click one of the preloaded button block to customize it.

Mobile view example

Back