# Tab collections

The 'Tab collections' section is here to help you present your *best sellers*, *new arrivals*, and *more* with a modern and customizable design.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FqJG0q73SBZPuyLchttyk%2Ftab-collections.gif?alt=media&#x26;token=c2605e4a-3b0b-41c8-bad9-05dd9939e1fe" alt=""><figcaption></figcaption></figure>

### Section settings

<table><thead><tr><th width="229.73785400390625">Settings</th><th width="133.38360595703125" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td><strong>Layout</strong></td><td align="center"></td><td></td></tr><tr><td>Products per row on mobile</td><td align="center"><code>select</code></td><td>Choose number of products per row on mobile: <code>1</code> or <code>2</code>.</td></tr><tr><td>Image aspect ratio</td><td align="center"><code>range</code></td><td>Control image aspect ratio.</td></tr><tr><td>Content alignment</td><td align="center"><code>select</code></td><td>Align content <code>Center</code> or <code>Left</code>.</td></tr><tr><td>Heading</td><td align="center"><code>text</code></td><td>Section title.</td></tr><tr><td>Heading size</td><td align="center"><code>range</code></td><td>Size of section heading.</td></tr><tr><td>Text</td><td align="center"><code>text</code></td><td>Subheading or description text.</td></tr><tr><td>Text size</td><td align="center"><code>range</code></td><td>Size of the subtext.</td></tr><tr><td>Tab heading style</td><td align="center"><code>select</code></td><td>Font style of tab headings.</td></tr><tr><td>Tab heading size</td><td align="center"><code>range</code></td><td>Size of tab headings.</td></tr><tr><td><strong>Buttons</strong></td><td align="center"></td><td></td></tr><tr><td>Button position</td><td align="center"><code>select</code></td><td>Position of collection buttons: <code>Top</code>, or <code>Bottom</code> (only for centered text).</td></tr><tr><td>Show collection link buttons</td><td align="center"><code>checkbox</code></td><td>Toggle visibility of buttons.</td></tr><tr><td>Text</td><td align="center"><code>text</code></td><td>Button label text.</td></tr><tr><td>Color</td><td align="center"><code>select</code></td><td>Button color: <code>Primary</code>, <code>Secondary</code>, <code>White</code>, or <code>Black</code>.</td></tr><tr><td>Style</td><td align="center"><code>select</code></td><td>Visual style: <code>Solid with borders</code>, <code>Outline</code>, <code>Solid</code>, <code>Soft</code>, or <code>Text</code>.</td></tr><tr><td>Size</td><td align="center"><code>select</code></td><td>Button size: <code>Small</code>, <code>Medium</code>, or <code>Large</code>.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Color scheme</td><td align="center"><code>color_scheme</code></td><td>Applies a predefined theme color scheme to the section.</td></tr><tr><td><strong>Section spacing</strong></td><td align="center"></td><td></td></tr><tr><td>Width</td><td align="center"><code>select</code></td><td>Choose between <code>Full padded width</code> or <code>Page width</code>.</td></tr><tr><td>Padding top</td><td align="center"><code>range</code></td><td>Top spacing in pixels.</td></tr><tr><td>Padding bottom</td><td align="center"><code>range</code></td><td>Bottom spacing in pixels.</td></tr></tbody></table>

<br>
