Banner with collection

Add an image with a title, description, and Button. Choose the size of your image and upload it.

Setting
Description

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Layout

Customization of the "Layout" in this section is as follows:

  • Wide

  • Container

Heading

Text Enter text to display as a title in the section. Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

  • Extra large

Bottom heading

Heading Enter text to display as a title in the section. Heading size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Banner text color You can customize the foreground color of the text by using the color option.

Carousel

Style

The style of the navigation that appears below the images:

  • None

  • Dots

  • Arrows

Disable arrows in mobile

Enable this checkbox to hide slider arrow from this section in mobile device.

Enable autoplay

Enable this checkbox to automatically rotate the images in the featured collection. Autoplay interval Use the bar to set the auto-rotate time of the product slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.

Content color scheme

In this section, you can change the background and foreground color of a content using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Animations

Customization of the "Image behavior" in the Banner with collection section is as follows:

  • None

  • Ambient movement

By employing the Ambient movement feature, the image will exhibit motion.

Add block

To add blocks to the Banner with collection section, click on the 'Banner collection'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Image

Use "Image" to add the image to the section.

Product

Select a product to display product in this section.

Content

Enter text to display as a Content in the section.

Button

Label Use "Label" to add a label to the Button in the section. Link Use "Link" to add a link to the Button in the section. Style

Customization of the "Button style" in the Image with text section is as follows:

  • Link

  • Outline

  • Solid

Last updated