> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/genie/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/genie/overview/collections-carousel.md).

# Collections carousel

### Configure the collections carousel

Select the customize theme option. At the top of the page, click on the dropdown menu to select the **Home page** template.\
\
From the left side menu, select **Collections carousel.**

Customize the featured collection section by utilizing the settings on the right side of the theme editor as described below:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>General</td><td><p><strong>Section visibility</strong></p><p>Select from the options to select the visibility of this section:<br>-Always<br>-Small devices only(On selecting this, the section will be visible on mobile devices only.)<br>-Large devices only<br><br><strong>Color scheme</strong><br>Select any color scheme defined in the theme settings>Colors>Schemes.<br><br><strong>Section background</strong><br>Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.<br><br><strong>Corner style</strong><br>Choose the corner style from below options:<br>- Top<br>- Bottom<br>- Both<br>- None<br><br><strong>Corner radius</strong><br>Adjust the range bar to determine the corners radius.<br><br><strong>Show collection title</strong><br>Select this checkbox to show the collection title of selected collection in blocks.<br><br><strong>Show collection description</strong><br>Select this checkbox to show the collection description of selected collection in blocks.</p></td></tr><tr><td>Marquee settings</td><td><p><strong>Font family</strong><br>Choose the font family from the following options:</p><p>- Heading <br>- Body <br>- Accent <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.)</em><br><br><strong>Marquee type</strong><br>Choose the marquee type from the following options:<br>- On scroll<br>- Always<br><br>Font size<br><strong>Desktop font size</strong><br>Adjust the range bar to determine font size on desktop view.<br><br><strong>Mobile font size</strong><br>Adjust the range bar to determine font size on mobile view.<br><br>Marquee image width<br><strong>Desktop</strong><br>Adjust the range bar to determine the marquee image width on desktop view.<br><br><strong>Mobile</strong><br>Adjust the range bar to determine marquee image width on mobile view.<br><br>Speed<br><strong>Desktop scrolling speed</strong><br>Adjust the range bar to determine the marquee speed on desktop view.<br><br><strong>Mobile scrolling speed</strong><br>Adjust the range bar to determine marquee speed on mobile view.<br><br><strong>Item space</strong><br><strong>Desktop text space (left/right)</strong><br>Adjust the range bar to determine the text space on left and right side for desktop view.<br><br><strong>Mobile text space (left/right)</strong><br>Adjust the range bar to determine the text space on left and right side for mobile view.<br><br><strong>Desktop top bottom space</strong><br>Adjust the range bar to determine the text space on top and bottom for desktop view.<br><br><strong>Mobile top bottom space</strong><br>Adjust the range bar to determine the text space on top and bottom for mobile view.</p></td></tr><tr><td>Blocks content</td><td><p><strong>Heading size</strong><br>Select the heading size from the following options:<br>- XX- large<br>- X- large<br>- Large<br>- Medium<br>- Small<br>- X-small<br><br><strong>Heading tag</strong><br>Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes.<br><br><strong>Font family</strong><br>Choose the font family from the following options:</p><p>- Heading <br>- Body <br>- Accent <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.)</em><br><br><strong>Description text size</strong><br>Select the description text size from the following options:<br>- X- large<br>- Large<br>- Medium<br>- Normal<br>- Small<br>- X-small<br><br><strong>Content width</strong><br>Choose the content width from the following options:<br>- Small<br>- Medium<br>- Large<br><br><strong>Alignment</strong><br>Choose the text alignment from below options:<br>- Left<br>- Center<br>- Right</p></td></tr><tr><td>Section spacing</td><td><p><strong>Desktop top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for desktop view.  <br> </p><p><strong>Desktop bottom space</strong></p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view. </p><p> </p><p><strong>Mobile top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for mobile view. </p><p> </p><p><strong>Mobile bottom space</strong><br>Adjust the range bar to add spacing at the bottom of the section for mobile view. </p></td></tr></tbody></table>

**Block settings: Collection**

<table><thead><tr><th width="286"></th><th></th></tr></thead><tbody><tr><td>Collection</td><td>Select any collection to display.</td></tr><tr><td>Custom content</td><td><p><strong>Collection image</strong><br>Choose any image from the store library.<br><em>(Note: It will replace the original collection's image.)</em><br><br><strong>Overlay style</strong><br>Choose the overlay style from below options:<br>- Solid<br>- Gradient<br><br><strong>Title</strong><br>Enter any title.<br><em>(Note: It will replace the original collection's title.)</em><br><br><strong>Description</strong> </p><p>Add description text.  <br><em>(<strong>Note</strong>: It will replace the original collection's description.)</em></p></td></tr><tr><td>Highlighted card</td><td><strong>Image</strong><br>Choose any image from the store library.<br><br><strong>Heading</strong><br>Enter any text to display the heading in highlighted card.<br><br><strong>Text</strong><br>Enter any text content to describe the heading.</td></tr></tbody></table>

**Block settings: Background marquee**

<table><thead><tr><th width="291"></th><th></th></tr></thead><tbody><tr><td>Text</td><td>Enter the marquee text.</td></tr><tr><td>Icon</td><td>Choose any image for the icon in marquee text.</td></tr><tr><td>Marquee direction</td><td>Choose the marquee direction from below options:<br>- Left to right<br>- Right to left</td></tr></tbody></table>