# Collection

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center"><strong>Collection card</strong></td><td><a href="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2F9bLdBtHgcabqXsZlN8Fa%2FFox-BG%20Light%20-%202025-11-18T100009.275.jpg?alt=media&#x26;token=b3fd5211-d578-48ae-9f9c-b408a47866a0">Fox-BG Light - 2025-11-18T100009.275.jpg</a></td><td><a href="#collection-card">#collection-card</a></td></tr></tbody></table>

## Collection card

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FtWqcPZCG4tbtrNHdy1bJ%2Fimage.png?alt=media&#x26;token=67363059-d552-4862-90c8-ab3a20d4f0f2" alt=""><figcaption><p>An example of collection card blocks in grid layout</p></figcaption></figure>

The **Collection card** block displays a visually appealing preview of a product collection, perfect for showcasing your store's categories or featured collections.

#### **⚙️ Block settings**

<table><thead><tr><th width="275">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Collection</strong></td><td>Select the collection you want to showcase. This collection will be displayed as the primary content of the card.<br><br><span data-gb-custom-inline data-tag="emoji" data-code="270d">✍️</span> <em>Learn how to</em> <a href="https://youtu.be/M0DoTpdYPWU"><em>create collections in Shopify with our tutorial.</em> </a></td></tr><tr><td><strong>Text alignment</strong></td><td>Choose the alignment for the text within the card. </td></tr><tr><td><strong>Show product count</strong></td><td>Enable this option to display the number of products in the selected collection. Useful for guiding customers to explore more.</td></tr></tbody></table>

{% hint style="warning" %}
Ensure all collection images have the same aspect ratio to keep the collection cards looking neat and aligned. This is especially important when you display the collection across multiple grid rows.

If the collection doesn't have a featured image, the image of the first product will be displayed.
{% endhint %}