# Collection

Displays a selected collection with its products, optional heading override, button text, and customizable rotating circle text or image badge.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FDU6moIGm2aXv74naKm9Q%2Fcollection-block.gif?alt=media&#x26;token=4b1aa6c6-0597-40d7-8759-56266ce49989" alt=""><figcaption></figcaption></figure>

> It supports up to 3 blocks, either *Product* or *Collection* type.

<table><thead><tr><th width="161.2412109375">Settings</th><th width="143.91363525390625" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Collection</td><td align="center"><code>collection</code></td><td>Select a Shopify collection (shows 5 products).</td></tr><tr><td>Heading</td><td align="center"><code>text</code></td><td>Optional title override.</td></tr><tr><td>Button text</td><td align="center"><code>text</code></td><td>Text for the button.</td></tr><tr><td><strong>Circle text</strong></td><td align="center"></td><td></td></tr><tr><td>Show circle text</td><td align="center"><code>checkbox</code></td><td>Toggle display of circular text.</td></tr><tr><td>Hide on mobile</td><td align="center"><code>checkbox</code></td><td>Hides circle text on smaller screens.</td></tr><tr><td>Color</td><td align="center"><code>color</code></td><td>Circle text color.</td></tr><tr><td>Rotate animation</td><td align="center"><code>select</code></td><td>Rotation behavior: <code>None</code>, <code>Rotate</code>, or <code>Rotate on scroll</code>.</td></tr><tr><td>Text</td><td align="center"><code>text</code></td><td>Circle message.</td></tr><tr><td>Word spacing</td><td align="center"><code>range</code></td><td>Adjust spacing between circle words.</td></tr><tr><td>Size</td><td align="center"><code>range</code></td><td>Adjust circle font/image size.</td></tr><tr><td>Custom image</td><td align="center"><code>image_picker</code></td><td>Replaces circle text with a custom image.</td></tr></tbody></table>