# Collection link

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/GosJktuEy3hBOXXhNshk/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

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

## Section settings <a href="#collection-link-settings" id="collection-link-settings"></a>

### **Section header** and **general:** <a href="#id-1.-section-header-and-general" id="id-1.-section-header-and-general"></a>

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.

Adjust the text alignment (left/center/right) along with the background color and container type.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/MBeOxNjncDUSgzPQGaor/image.png" alt=""><figcaption></figcaption></figure>

**Layout:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

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

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/GNkMbosQgwIrQywg9Lkm/image.png" alt=""><figcaption></figcaption></figure>

### Collection settings <a href="#id-2.-collection-settings" id="id-2.-collection-settings"></a>

**Show product count:** This option enables the display of the total number of products within each collection, providing a quick overview to your visitors.

**Content max width:** Allows you to define the maximum width of the content area, ensuring that your text and images are aligned and presented neatly.

**Font size, Font weight:** Customize the appearance of your text with settings for font size and weight, enhancing readability and visual impact.

**Button type:** Select the button's priority level, enabling you to distinguish between primary, secondary, or tertiary actions within your layout.

**Column gap:** Adjust the spacing between collections to create a clean and organized display, improving the overall aesthetics and user navigation.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/yQfxAAsLg6DSYBsxGn1R/image.png" alt=""><figcaption></figcaption></figure>

### Section padding <a href="#id-3.-section-padding" id="id-3.-section-padding"></a>

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

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/gKRdk4JtE6wUhD4qw2l4/image.png" alt=""><figcaption></figcaption></figure>

## Blocks settings

**Collection heading:** This will be shown in place of the collection name if it's not left empty, allowing for customized or more descriptive titles.

**Select collection:** Choose the link that leads to the desired collection, providing a direct pathway for users to explore specific products or categories.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/KevyORv5YaDk7a3ekdKm/image.png" alt=""><figcaption></figcaption></figure>