# Collection tabs

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

Sitar theme provides a section, namely "Collection tabs". In this section, you can add a collection containing multiple products.

{% hint style="info" %}
**Recommendation Size**\
Collection tabs background image size: 1920x800&#x20;
{% endhint %}

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Background image</td><td><p>B<strong>ackground image</strong></p><p>Use "Image" to add the background image to the section. </p><p></p><p><strong>Background gradient</strong> </p><p>Modifying the gradient color of the background will result in a corresponding color change for the background.</p></td></tr><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><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></td></tr><tr><td>Subheading</td><td><p><strong>Text</strong></p><p>Enter text to display as a subheading in the section.</p><p></p><p><strong>Style</strong><br>Customization of the "Subheading style" in the collection tabs section is as follows:</p><ul><li>Normal</li><li>Outline</li><li>Solid</li></ul><p><strong>position</strong></p><p>Customization of the "Subheading position" in the  collection tabs section is as follows:</p><ul><li>Before heading</li><li>After heading</li></ul><p><strong>Heading/subheading alignment</strong><br></p><p>Customization of the "Heading/subheading alignment" in the collection tabs section is as follows:</p><ul><li>Left</li><li>Center</li><li>Next to product</li></ul></td></tr><tr><td>Description</td><td>Enter text to display as a description in the section.</td></tr><tr><td>Description style</td><td><p>Customization of the "Description style" in the collection tabs section is as follows:</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr><tr><td>Make products full width</td><td>By enabling this checkbox, you can make section in full width.</td></tr><tr><td>Enable carousel on desktop</td><td>Use "Enable carousel on desktop" to show the slider carousel in the desktop screen.</td></tr><tr><td>Slider arrow position</td><td><p>Customization of the "Slider arrow position" style in the Collection tabs section is as follows:</p><ul><li>Inline </li><li>Bottom</li></ul></td></tr><tr><td>Number of columns on desktop</td><td>"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “5” products.</td></tr><tr><td>Product card</td><td><p><strong>Style</strong></p><p>Customization of the "product card" style in the collection tabs section is as follows:</p><ul><li>Standard</li><li>Card</li></ul><p><strong>Text alignment</strong></p><p>Customization of the "Text alignment" in the  collection tabs section is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul><p><strong>Card color scheme</strong></p><p></p><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><p><strong>Image ratio</strong></p><p>Product image customizations in a section are as follows:</p><ul><li>Adapt to image</li><li>Portrait</li><li>Square</li></ul><p><strong>Show second image on hover</strong><br>By enabling this checkbox you can “Show the second image on hover”.</p><p></p><p><strong>Show quantity</strong><br>By enabling this checkbox you can display the “Quntity”.</p><p><br><strong>Show vendor</strong><br>By enabling this checkbox you can display the “Product vendor”.<br><br><strong>Show product rating</strong><br>By enabling this checkbox you can display the “Product rating”.<br><br><strong>Enable quick look button</strong><br>By enabling this checkbox you can display the “Quick look button.<br><br><strong>Show countdown</strong><br>By enabling this checkbox you can display the “Countdown timer”.</p></td></tr><tr><td>Variants</td><td><p><strong>Show border above the variants</strong></p><p>By enabling this checkbox you can show border above the variants.</p><p></p><p><strong>Show variants</strong><br>By enabling this checkbox you can display the “Product variants”.<br><br><strong>Type</strong><br>The variant type is given below. If type "Dropdown" then the variant would be dropdown. and if the type is "Pills" then the variant would be pills.</p><ul><li>Dropdown</li><li>Pills</li></ul><p><strong>Enable color swatches</strong><br>By enabling this checkbox you can show the "Variant color."</p></td></tr><tr><td>Stock bar</td><td><p><strong>Show stock bar</strong><br>Check this box to display the "Stock bar" in this section.<br><br><strong>Maximum stock</strong><br>Adjust maximum the stock for the stock countdown. Maximum product stock can be given up to "200".<br><br><strong>Limit stock cut off</strong><br>Adjust the limited stock cut-off for the stock countdown.<br></p><p><strong>Limit stock message</strong><br>Display limit stock message.<br></p><p><strong>In stock message</strong><br>Display the "In stock" message.<br></p><p><strong>Continue selling message</strong><br>Display the "Continue selling" message.<br><br><strong>Colors</strong><br>Customize the colors of  Limited stock, In stock and Continue selling text.</p></td></tr><tr><td>Mobile layout</td><td><p><strong>Number of columns on mobile</strong></p><p>"Number of columns on mobile" is used for the customization of product columns in Mobile devices.</p><ul><li>1 Column</li><li>1.5 Column</li><li>2 Columns</li></ul><p><strong>Enable swipe on mobile</strong><br>The product slides in the mobile when the checkbox is activated.</p></td></tr></tbody></table>

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2FvrDn27zjG9XiWY2ZZNiy%2Fcollection-tabs.png?alt=media&#x26;token=37fbd964-e22d-451e-9446-0d5a19ee2cf2" alt=""><figcaption></figcaption></figure>

## Add block

To add block to the Collection tabs section, click on the 'Add Collection'. There are many options available , 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>Tab name</td><td>Enter text to display as a tab name in the section.</td></tr><tr><td>Collection</td><td>Select a collection to display products in the section.</td></tr><tr><td>Maximum products to show</td><td>"Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “2” and a maximum of “8” products.</td></tr></tbody></table>

<figure><img src="https://1041626628-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQNL2Rsjblk1UxGDo1Rj9%2Fuploads%2F4tJgFRAQJ7Qc6wTt2Kj1%2Fcollection-tabs-block.png?alt=media&#x26;token=05096ddb-7f38-44b7-a7f5-cfb2c95e113d" alt=""><figcaption></figcaption></figure>