> 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/section-groups/header-drawers/cart-drawer/empty-cart-collection.md).

# Empty cart: Collection

**Title**\
Paste the section's heading into the field.

#### Content: Slider

**Collection**\
Choose any collection by pressing the **"Select"** button. The products will be displayed from the specific collection.

**Use recently viewed products**\
Activate the option to replace items from the pre-selected collection with products a customer has viewed.

**Products per row**\
The number of products per row can be set in the picker. Choose whether to display 1, 2, 3, or 4 items in each row.

**Maximum number of products**\
Use the scale to control the number of products displayed in the section. It can be changed from 2 to 12 items.

#### Product  cards <a href="#product-card" id="product-card"></a>

**Image ratio**\
Choose the appropriate aspect ratio for product cards. You can use one of the options that display well on both desktop and mobile views: "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**\
Use the picker to decide whether to display the product information below the product card on the "Left", "Center", or "Right" side.

**Show product badges**\
Turn on the option to display badges on product cards. You can find instructions for setting up badges [<mark style="color:blue;">here</mark>](/unicorn-shopify-theme/theme-settings/badges.md#product-cards).

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

**Show price**\
The option renders product cards' prices below all other content.

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="/files/BHnqFTazXHWxe8mh3jlJ" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="/files/nWaqm270aZ57B3mcuYIF" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}