Promotional banner

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.

SettingDescription
Section width
Select the section width.
Background imageAdd a background image for the banner.
Image overlay opacitySet the image overlay opacity. Set opacity to 0 to remove.
Color schemeSelect the color scheme for the section.
Container color scheme
Select the color scheme for the banner.
Section padding
Top paddingSelect the top padding for the section.
Bottom paddingSelect the bottom padding for the section.

    • Related Articles

    • 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 ...

    • 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, ...