# Collection cards

## How to add Collection cards

{% hint style="success" %}
Steps:

1. In the theme editor (**Customize**), click **Theme settings.**
2. Navigate to the **Collection cards** section.
3. Make necessary changes.
4. Click **Save.**
   {% endhint %}

## How to edit Collection cards

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FD8a709dzrv2abHMw7FzI%2Fcollectioncard.png?alt=media&#x26;token=a111fd60-6afb-4bb4-a8a8-5d67a793ea89" alt=""><figcaption></figcaption></figure>

* You can use the **Color scheme** setting to change the color of Collection cards. Enable/disable the option **Show product count** in order to display the quantities of the collections in cards.

Set up your colors anytime Theme settings > [Colors](https://docs.foxecom.com/sleek-theme/theme-settings/colors).

* Update **Style 1** and **Style 2** to utilize one of the following formats:

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FuH3jlkb5nBVnaahQtHDz%2Fcollectioncard-style1.png?alt=media&#x26;token=4bcf15ee-bda3-4eb4-8cb5-c741edeaddb1" alt=""><figcaption><p>2 Style for the Collection cards</p></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FshJtjf5uGVwepCdL2GWY%2Fcollectioncard-style2.png?alt=media&#x26;token=91626a5b-f986-454d-a200-b446c28ab90d" alt=""><figcaption><p>2 Style for the Collection cards</p></figcaption></figure>
{% endtab %}
{% endtabs %}