# Collection banner

{% embed url="https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da" %}

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

<table><thead><tr><th width="229">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td><p>Customization of the "Layout" in the Slideshow section is as follows:</p><ul><li>Full width</li></ul><ul><li>Container</li></ul></td></tr><tr><td>Banner height</td><td><p>Customization of the "Banner height" in the collection banner section is as follows:</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Show collection image</td><td>Toggle to display or hide collection images in the carousel.</td></tr><tr><td>Collection image ratio</td><td><p>Customization of the "Image ratio" in the collection banner section is as follows:</p><ul><li>Adapt to image</li><li>Portrait</li><li>Square</li></ul></td></tr><tr><td>Carousel</td><td><p><strong>Pagination style</strong><br>Choose the style for carousel pagination:</p><ul><li>None</li></ul><ul><li>Dots</li><li>Line</li></ul><p><br><strong>Line/dots color scheme</strong></p><p>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.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li><li>Scheme 7</li></ul></td></tr><tr><td>Enable autoplay</td><td>Toggle to enable automatic scrolling of carousel slides.</td></tr><tr><td>Autoplay interval</td><td>Set the interval between automatic carousel slide transitions.</td></tr></tbody></table>

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2Fnmqebjz9UGCpd8zMfbCu%2Flyra-cb.png?alt=media&#x26;token=1d09f06f-9567-4624-8b8f-5a76401c9318" alt=""><figcaption></figcaption></figure>

## 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:

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Play video on loop</td><td>Toggle to enable continuous playback of the video.</td></tr><tr><td>Enable controls</td><td>Toggle to show or hide video player controls.</td></tr><tr><td>Auto play video</td><td>Toggle to enable the video to play automatically when the section loads.</td></tr><tr><td>Shopify-hosted video</td><td><strong>Video</strong><br>Upload a video file directly hosted on Shopify.</td></tr><tr><td>Or embed video from URL</td><td>If no Shopify-hosted video is selected, paste a URL (YouTube or Vimeo) to embed the video.<br><br><strong>URL</strong><br>The link to the video.<br><br><strong>Image</strong><br>The image that will be used as a thumbnail.<br><br><strong>Mobile image</strong><br>Optional image to display on mobile devices.</td></tr><tr><td>Select collection</td><td>Choose the product collection to associate with this banner section.</td></tr><tr><td>Collection color scheme</td><td><p>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.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li><li>Scheme 7</li></ul></td></tr></tbody></table>

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FD4dU1PY8g2B44Qf4Uuqn%2Flyra-cb-block.png?alt=media&#x26;token=21013c16-499c-4b9d-a541-f8953c6d1ff6" alt=""><figcaption></figcaption></figure>
