> 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/popup/collection.md).

# Collection

Use the block to show a specific collection in the pop-up.

**Collection**\
Choose the required collection by pressing the **"Select"** button to display products in the pop-up.

**Maximum number of products**\
Control the number of products displayed in the pop-up. It can be changed from 2 to 5 items.

**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.

**Show Quick add button**\
The "Add to Cart" button appears next to each product after this option is activated.

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

### Colors

**Text**\
Change the color of the product title and vendor using the color picker.

**Text on hover**\
The title color changes to a different one on mouse hover if you specify a color in the picker.

**Price / Sale price**\
Specify price colors using the color pickers.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FyzPmNEx0ODslv64I4X37%2Fpopup_collection.png?alt=media&amp;token=0e8d6452-4773-492d-8ecf-41033287cf50" alt=""><figcaption></figcaption></figure>
