# Collections slider

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FMHwlmnpKpEkNtwQE6VT2%2Fimage.png?alt=media&#x26;token=58d286a1-492d-43ad-b3d7-bee23e181b33" alt=""><figcaption></figcaption></figure>

A **Collections slider** displays a single-column carousel of selected collections, featuring a special large images slider for each collection to attract visitors' attention.

## How to add a Collections slider section&#x20;

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Collections slider.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to edit a Collections slider section

### Section settings

#### **General**

<div data-full-width="true"><figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2Fz92V64XIN5SMibcqy3WG%2Fimage.png?alt=media&#x26;token=b67268b0-4b10-4f82-952f-6d242ea83a38" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FuCfDPRdx0AMWbY7BFST3%2FScreenshot_1.png?alt=media&#x26;token=76c2da20-8e29-4c23-b153-6f6796fdc853" alt=""><figcaption></figcaption></figure>

Enable the **Use color scheme in container** checkbox if you want to use the scheme for the container only.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FcAHzkpzZGzbHaQRLkRWE%2Fimage.png?alt=media&#x26;token=7702f434-6eb4-4916-b4f4-50510ac1b210" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FYifmnK7tWvMo08r679QE%2Fimage.png?alt=media&#x26;token=23470c01-5585-40d5-a234-20cde355b0e0" alt=""><figcaption></figcaption></figure>

You can also display the number of the product in the collection blocks by enabling the **Show product count** checkbox.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FoHL2vtjQschn0Yh1RWVA%2Fimage.png?alt=media&#x26;token=8cc3df7e-1d16-4f88-86b0-60cf093d348a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FMs12zoj4YpzZ2wzF2cuR%2Fimage.png?alt=media&#x26;token=6830ab67-662e-4fcc-859b-dbd8b0605a61" alt=""><figcaption></figcaption></figure>

#### **Section header**

Add the content you want in the **Heading** to attract customers' attention

* Leave it blank if you do not want to display it

You can also change the **Heading size** to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl&#x20;
* Display md&#x20;
* Display lg
* Display xl&#x20;

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2Fi6AuC39mTJaX5KrX9Di3%2Fimage.png?alt=media&#x26;token=5329224f-bb2b-427c-989e-101f1e353d79" alt=""><figcaption></figcaption></figure>

#### Highlight text

[How to apply Highlight text to the section heading and block headings?](https://docs.foxecom.com/sleek-theme/pages-global-sections/general-settings#highlight-text)

Use the provided text fields to add a suitable **Subheading**.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FXG7oYwXbMSieoWdHTwYf%2Fimage.png?alt=media&#x26;token=55b12789-cfa3-4771-aafc-725cc529d241" alt=""><figcaption></figcaption></figure>

#### **Slider settings**

Adjust the **Color scheme** for the slider.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FoHOVkM2CRq00zizArXjr%2Fimage.png?alt=media&#x26;token=098ff990-6db4-4d32-a947-6f7ee00d2673" alt=""><figcaption></figcaption></figure>

Select the **Image ratio** for the image slide as:

* Adapt to image
* Square (1:1)
* Portrait (3:4)
* Landscape (4:3)

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F39H4ewZcYkj1cf3TiyTF%2Fimage.png?alt=media&#x26;token=7b58e0b6-9b85-4cee-bc70-23dab57960c7" alt=""><figcaption></figcaption></figure>

You can change the image **Slider position** to the Left or Right

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FGxWyrPJvkO32vZYg281M%2Fimage.png?alt=media&#x26;token=d6b21476-3dff-4257-b0bc-e57458a9d028" alt=""><figcaption></figcaption></figure>

Enable **Auto-rotate content** so the image slider will run automatically. The duration time to change slides is between 2-10 seconds.

If you do not want to use rotation, they can disable it

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FFqc0THkKlrdiMZioRFOG%2Fimage.png?alt=media&#x26;token=83238e51-03e7-4042-9120-d61a00be4922" alt=""><figcaption></figcaption></figure>

### Block settings

In the **Collections slider** section, you can add up to 5 **Collection** blocks.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FcvR1dV74tCoGsYafa4F8%2Fimage.png?alt=media&#x26;token=811e9a41-6f0c-45db-951c-59e0740d7097" alt=""><figcaption></figcaption></figure>

Select a preferable or unique **Collection** that you want to show on the Collections slide&#x72;**.**

<br>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F8ONHXbtDTZ1XUVRUR81F%2Fimage.png?alt=media&#x26;token=a5d26b24-8487-42c5-8273-9ee70d9576a3" alt=""><figcaption></figcaption></figure>

Add the content you want in the **Title** and **Description** for the collection tab to attract customers' attention

* Leave the **Title** blank if you want to use the collection's title.

You can also change the **Title size** to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl&#x20;
* Display md&#x20;
* Display lg
* Display xl&#x20;

and the **Text size** for the **Description** to:

* Small
* Base size
* Large

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FFe6pHfQcvsaYt4VX1HKM%2Fimage.png?alt=media&#x26;token=b27c9d89-6946-4f95-bfb0-178811dd03a2" alt=""><figcaption></figcaption></figure>

Moreover, you can display up to 5 featured images for each collection block in the slider.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FdkVntNHh4y0GRzwLwslm%2Fimage.png?alt=media&#x26;token=06d0124f-5ea1-447d-9c8c-795f79565430" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FtQ1AQ0DgIeC1UjOlahBs%2Fimage.png?alt=media&#x26;token=5bef8969-7dfa-495b-856e-ff37cbbeb35a" alt=""><figcaption></figcaption></figure>
