# Collection icons

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

Use this section to display collections with icon in the slider.

<table><thead><tr><th width="286">Section</th><th>Description</th></tr></thead><tbody><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td><h4>Heading</h4></td><td><p><strong>Text</strong></p><p>Enter text to display as a title in the section.  </p><p></p><p><strong>Text color</strong> </p><p>Enter color code to change title color in the section. </p><p></p><p><strong>Size</strong> </p><p>Following is the font size customization of the heading of the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Alignment</strong> </p><p>Customization of the "Heading alignment " in the section is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td><strong>Number of columns on desktop</strong> </td><td>"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “4” and a maximum of “9” collections. </td></tr><tr><td><strong>Number of columns on mobile</strong> </td><td>"Number of columns on mobile" is to customize the column on the mobile screen. You can show 2 or 3 columns in mobile view.</td></tr><tr><td><strong>Display type</strong> </td><td><p>Customization of the "Display type" in the section is as follows:</p><ul><li>Grid</li><li>Carousel</li></ul></td></tr><tr><td><h4>Card</h4></td><td><p><strong>Style</strong> </p><p>Customization of the "Card style" in the section is as follows:</p><ul><li>Standard</li><li>Card </li></ul><p><strong>Position</strong></p><p>Customization of the "Card position" in the section is as follows:</p><ul><li>Vertical</li><li>Horizontal</li></ul><p><strong>Color scheme</strong> </p><p>In this card, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul><p><strong>Alignment</strong> </p><p>Customization of the "Alignment" in the section is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul><p><strong>Name size</strong> </p><p>Customization of the "Name size" in the section is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Uppercase name</strong> </p><p>Enable this checkbox to show text in uppercase. </p><p></p><p><strong>Card shadow</strong> </p><p>Enable this checkbox to show box-shadow in collection card of this section. </p><p></p><p><strong>Card radius</strong> <br>"Card radius" is to customize the radius of collection card in the section. You can set radius minimum “0” and a maximum “40” px. </p></td></tr><tr><td><h4>View all button</h4></td><td><p><strong>Enable "View all" button</strong></p><p>By enabling this checkbox, you can see "View all" button if list includes more collections than shown. </p><p></p><p><strong>Label</strong> </p><p>Enter text to display as a "view all" button in the section. </p><p> </p><p><strong>Style</strong> </p><p>Customization of the "View all button" style in the collection icons section is as follows:</p><ul><li>Link</li><li>Outline</li><li>Solid</li></ul><p><strong>Position</strong> </p><p>Customization of the "View all button position" in the collection icons section is as follows:</p><ul><li>Top</li><li>Bottom</li></ul></td></tr><tr><td>Carousel</td><td><p><strong>Style</strong></p><p>This feature specifies the design and appearance of pagination controls like below.</p><ul><li>None</li><li>Dots</li><li>Arrows</li></ul><p><strong>Disable arrows in mobile</strong> </p><p>Enable this checkbox to hide arrow in mobile view. </p><p></p><p><strong>Enable autoplay</strong></p><p>Enable this checkbox to automatically rotate the images in the logo list. </p><p></p><p><strong>Autoplay interval</strong> </p><p>Use the bar to set the auto-rotate time of the logo list slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.</p></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FGQUhwfZhhl0eqGK0avLs%2Fcollection-icons.png?alt=media&#x26;token=f9e86f77-3563-4d36-8652-767fd0c12994" alt=""><figcaption></figcaption></figure>

## Add Collection&#x20;

To add collection to the collection icons section, click on the 'Add Collection'. There are many options available similar to the collection icons, as you can see in the below points and screenshot:

<table><thead><tr><th width="303">Block</th><th>Description</th></tr></thead><tbody><tr><td>Icon</td><td>In the section, the icons are given to select. </td></tr><tr><td>Icon color</td><td>You can customize the color of the icons by using the color option.</td></tr><tr><td>Image</td><td>This feature specify image width in a section. You can set the  “50px” width and height of image and it aplicable when icon is set to none.</td></tr><tr><td>Title</td><td>Enter text to display as a collection name in the section.</td></tr><tr><td>Custom link</td><td>Use "Custom link" to add a link to the collection in the section.</td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FbjWisIsnBgzlUyEiUAyw%2Fcollection-icons-block.png?alt=media&#x26;token=31007566-f4d8-4f3d-a48c-b7b0e4a7b63d" alt=""><figcaption></figcaption></figure>
