Collection banner

Here, in the Lyra theme, with the use of the collection banner.

Setting
Description

Layout

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

  • Full width

  • Container

Banner height

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

  • Adapt to image

  • Small

  • Medium

  • Large

Show collection image

Toggle to display or hide collection images in the carousel.

Collection image ratio

Customization of the "Image ratio" in the collection banner section is as follows:

  • Adapt to image

  • Portrait

  • Square

Carousel

Pagination style Choose the style for carousel pagination:

  • None

  • Dots

  • Line

Line/dots color scheme

In this section, you have the option to modify the background and foreground colors of a slide's content container using the provided color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

  • Scheme 7

Enable autoplay

Toggle to enable automatic scrolling of carousel slides.

Autoplay interval

Set the interval between automatic carousel slide transitions.

Add Text

To add block to the scrolling bar section, click on the 'Add text'. There are many options available similar to the scrolling bar, as you can see in the below points and screenshot:

Block
Description

Play video on loop

Toggle to enable continuous playback of the video.

Enable controls

Toggle to show or hide video player controls.

Auto play video

Toggle to enable the video to play automatically when the section loads.

Shopify-hosted video

Video Upload a video file directly hosted on Shopify.

Or embed video from URL

If no Shopify-hosted video is selected, paste a URL (YouTube or Vimeo) to embed the video. URL The link to the video. Image The image that will be used as a thumbnail. Mobile image Optional image to display on mobile devices.

Select collection

Choose the product collection to associate with this banner section.

Collection color scheme

In this section, you have the option to modify the background and foreground colors of a slide's content container using the provided color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

  • Scheme 7

Last updated