> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/blocks/collection.md).

# Collection

The block links products from the specific collection to the section.

### Product cards

{% hint style="success" %}
**Tip:** Product details will be displayed for each product with the configured settings in your *Shopify admin -> Products*. Read more about setting up products and collections in the admin [<mark style="color:blue;">here</mark>](https://help.shopify.com/en/manual/products).
{% endhint %}

**Image ratio**\
Choose the appropriate aspect ratio of product cards. You can use one of the options that display well on all screen sizes: "Adapt to image", "Portrait", "Square", "Landscape", or "Circle". You can check the image ratios [<mark style="color:blue;">here</mark>](/unicorn-shopify-theme/dynamic-theme-sections.md#content).

**Show secondary image on hover**\
Enable the option to show the second product image when the product card is hovered over.

**Content alignment**\
Aligns the product details to the "Left", "Center", or "Right". This setting controls the horizontal alignment of the product title, price, buttons, and other content displayed beneath the product image.

**Show vendor**\
Display a brand for each product card.

**Buttons layout**\
Select the corresponding option in the drop-down: "Icon with text", "Icon only", or "Add to cart below". Select the "Use theme settings" option to apply the global settings. Read the options' descriptions [<mark style="color:blue;">here</mark>](/unicorn-shopify-theme/theme-settings/product-cards.md#button-layout).