Multi-media Banner

[lwptoc]

About Normcore Multi-media Banner SectionClick to copy 2222

The Normcore Multi-media banner Section is a versatile and engaging feature that brings a dynamic visual storytelling experience to your website. Much like the powerful Image Banner Section, the Multi-media banner Section allows you to captivate your visitors with different items on each banner, making it an ideal tool for:

  • Highlighting your product collections
  • Showcasing your brand’s unique story
  • Displaying impactful customer testimonials
  • Presenting the key features of your offerings
  • Creating immersive marketing narratives

How to access Multi-media Banner SectionClick to copy 2222

  1. On any page type, click the “Add section” button
  2. Search for “Multi-media banner“
  3. Select to add the section to your page

How to Configure Multi-media Banner SectionClick to copy 2222

By choosing the section on the left outline menu, you can set up the below values:

GeneralClick to copy 2222

You can set up Color Scheme to set the background color for Multi-media banner section and the text content color.

Desktop LayoutClick to copy 2222

  • On the desktop layout, we have options to change the width and height of the banner.
  • In addition, we have the “Banner layout” option to arrange the layout as desired.

Mobile LayoutClick to copy 2222

Similar to Desktop layout, we also have options to customize height and layout in the mobile layout.

How to Configure Image/ Video BlockClick to copy 2222

The Multi-media Banner section is designed with a fixed structure, allowing for only three blocks at any given time. You can freely delete, add, and reposition these existing blocks to customize the banner. However, to incorporate a different block type, one of the current blocks must first be removed.

There are 2 types of block you can add to this section. Let’s explore them below:

Image BlockClick to copy 2222

By choosing Image block, you can access the settings below:

TextClick to copy 2222

In Text, you can:

  • Customize the content of the heading and description.
  • Enable the use of h1 tag for headings
  • Customize the size of the description

Background ImageClick to copy 2222

  • You can add different backgrounds for both desktop and mobile layouts.
  • There are custom style overlay options, colors for each image title

LayoutsClick to copy 2222

On Normcore, you can configure for 2 types of screen resolutions:

  • Desktop layout: Content position, Content alignment.
  • Mobile layout: You can set separate values for mobile as same as desktop

ButtonsClick to copy 2222

In Buttons, you can:

  • Customize the content and styles of each button
  • Customize the link of each button

Video BlockClick to copy 2222

The Video Block settings, including Text, Layouts, and Buttons, are similar to the Image Block (above), with one key difference Background Video here you can:

  • You can add videos uploaded to Shopify, YouTube, or Vimeo video.
  • Customize the overlay with styles and colors for each video title.

Common Cases and FAQsClick to copy 2222

1. How can I add more than one button inside a slide?

Currently, we only support 1 button element by default, and if you need to add more buttons, please contact our Support team.

2. How do I remove a button from a slide?

To remove a button, simply delete the text in the button label field in the Button settings card.

3. What are the tips to make the Image banner look better?

You should upload images that are sized appropriately for the layout you are arranging.

Navigate this category

Previous

Next

[lwptoc]