Banner with collection

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

Setting
Description

Image

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

Mobile image

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

Image overlay opacity

Use "Image overlay opacity" to apply the images in the section.

Banner height

Customization of the "Banner height" in the Slideshow section is as follows:

  • Adapt to first image

  • Small

  • Medium

  • Large

Overlay text

Enter text to display as a "Overlay text" in the section.

First button option

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 slideshow section is as follows:

  • Link

  • Outline button

  • Solid button

Second button option

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 slideshow section is as follows:

  • Link

  • Outline button

  • Solid button

Heading

Heading 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

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 slideshow section is as follows:

  • Link

  • Outline button

  • Solid button

Show collection

Enable "Show collection" to add the collection in the section

Select collection

Use "Select collection" to add the image to the section.

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

  • Scheme 6

  • Scheme 7

Text animation

Enable text animation Use "Enable text animation" to apply animation add the section. Text animation position

Customization of the "Text animation position" in the section is as follows:

  • Bottom to top

  • Left to right

  • Right to left

Last updated