# Collection link

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/fWFnXLNEyRTUIb750dQp/Collection_liink.png" alt=""><figcaption></figcaption></figure>

The collection link displays a quick list of desired collections to catch visitors' attention.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Collection link**
3. **Save**
   {% endhint %}

## Collection link settings

### **1. Section header** and **general:**

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/SlGNfr73jifAWvjx964O/image.png" alt=""><figcaption></figcaption></figure>

**Layout:** You can choose between Container, Wrapped container, Full width for the banner layout.

**Color schema:** You are allowed to change text color, background color with preset color.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/eTUdOhzNqfO7bZnSzZqU/image.png" alt=""><figcaption></figcaption></figure>

### 2. Collection settings

* **Show count product:** Show the number of products in each collection
* **Content max width:** Set width for content
* **Font size, Font weight:** Set up for text
* **Button type:** Decide the priority of a button
* **Column gap:** Set up the space between two collections

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/9ETTsaawrtvF8ic4igHj/image.png" alt=""><figcaption></figcaption></figure>

### 3. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/G31ot3cAlFVKMNmHlYTG/image.png" alt=""><figcaption></figcaption></figure>