# Slider Management

The Slider Manager is developed by Scandiweb and allows displaying your banner images in a sliding carousel.

![Slider on the homepage](https://2769757322-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MLHymF8HUkAVo0yxhVK%2F-MLIi0zL-R5ppo3P1r6h%2F97856772-6f0b8500-1d05-11eb-8b60-86513b90f822.gif?alt=media\&token=e8cc53c5-4981-424b-ae42-d697b20013d5)

It features full responsiveness to seamlessly integrate with your mobile design. The slider allows you to set different slider images for mobile and desktop views.\
You can create as many sliders as you like and place them on many pages and positions using the M2 built-in widget system.

### Step 1: Create a new slider <a href="#step-1-create-a-new-slider" id="step-1-create-a-new-slider"></a>

1. On the Admin sidebar, tap **Scandiweb**. Then under *Slider*, choose **Sider Manager**.
2. Choose **Add New** button&#x20;
3. Fill in the **General** information:

| **FIELD**    | **DESCRIPTION**                                    |
| ------------ | -------------------------------------------------- |
| Slider Title | Title to identify the slider                       |
| Status       | Enable or disable the slider                       |
| Slide Speed  | Set the time for how long each slide is displayed. |

&#x20;4\. Click the **Save And Continue Edit** button.

### Step 2: Add slides to the slider <a href="#step-2-add-slides-to-the-slider" id="step-2-add-slides-to-the-slider"></a>

1. In the menu on the right, open the **Manage slides** section and choose **Add New**&#x20;
2. Fill in the General Slide information:

| **FIELD**   | **DESCRIPTION**                                 |
| ----------- | ----------------------------------------------- |
| Slide Title | Title to identify the slide                     |
| Status      | Enable or disable slide                         |
| Store View  | Store views in which this slide will be visible |

&#x20;3\. Fill in the **Slide content**:

| **FIELD**     | **DESCRIPTION**                                   |
| ------------- | ------------------------------------------------- |
| Image Mobile  | Image to display in the slide in the mobile view  |
| Image Desktop | Image to display in the slide in the desktop view |
| Block Text    | Text to display (overlaps image)                  |

&#x20;4\. Click **Save And Continue Edit** button

{% hint style="info" %}
**Caching Note**

The menu will be updated on the front-end immediately after save as they are part of the ScandiPWA caching solution that will invalidate caching entries for the updated content. No cache flush or any other manual operations are necessary. Content will be visible after page refresh and a new cache entry will be stored.
{% endhint %}