Image banner

Image banner

Image banner displays a single image in a hero/banner layout with text overlay.

The text overlay opacity can be adjusted through the section settings. A higher opacity will make the overlay darker, while a lower opacity will make the overlay more transparent.

Section settings for the image banner are listed in the table below.

SettingDescription
ImageAdd an image.
Show imageUse this setting to show the image.
Image heightSelect the image height.
HeadingAdd a heading.
Heading sizeSelect the heading size.
Text
Add text.
First button labelAdd a label for the first button.
First button link
Add a link for the first button.
First button styleSelect the style for the first button.
Second button labelAdd a label for the second button.
Second button link
Add a link for the second button.
Second button style
Select the style for the second button.
Image overlay opacitySet the image overlay opacity. Set to 0 to remove.
Color scheme
Select the color scheme for the section.
Section padding
Top paddingSelect the top padding for the section
Bottom paddingSelect the bottom padding for the section.

    • Related Articles

    • Promotional banner

      Promotional banner displays a banner to promote limited time sales or discounted collections. A heading, text and button can be added as blocks. Section settings for promotional banner are listed in the table below. Setting Description Section width ...

    • Image with text

      Image with text displays an image with accompanying text. List items can be added as blocks and will be shown with the text. Section settings for image with text are listed in the table below. Setting Description Image Add an image. Desktop layout ...

    • Background video

      Background video displays a background video in a hero/banner layout with a text overlay. The video will play automatically on a loop without sound. This section only accepts videos that have been uploaded within the Shopify admin, it does not work ...

    • Product page

      The product page displays details for a product and lets customers add the product/variant to their shopping cart. Product details are added as blocks and include the product title, price, description, quantity selector, variant selectors, SKU, ...

    • Favicon settings

      Favicon settings are listed below and are accessed through the theme settings. Setting Description Favicon image Use this setting to add a favicon image for your store.