> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-banner-slider-extension/configuration.md).

# Configuration

Once the extension is installed successfully, go to **Stores > Configuration** to configure the extension for use.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fe5L420qp9tJGhVoFLqNf%2Fimage.png?alt=media&amp;token=5720dd35-e2e4-4a8a-ac05-9bd8ef62c403" alt=""><figcaption></figcaption></figure>

* **Banner Slider –** Enable the extension from here.
* **Customer Groups –** Select the customer groups to show the Banner Slider.
* **Auto Play Slider –** Set whether the slider changes automatically or not.
* **Auto Play Time –** Set the time interval between 1 second to 10 seconds for Banner Slider change.
* **Show Next/Prev Button –** Select Yes if you want to show the next and previous buttons for Banner Slider.
* **Show Dots Navigation –** Select Yes if you want to show dots for Banner Slider navigation.

To add a banner, go to **Banner Slider > Banner Slider Manager > Add New Banner**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FuTllD23oy0n09JmJmzfa%2Fimage.png?alt=media&amp;token=96c38af3-f661-49d9-8326-92f18e4047ea" alt=""><figcaption></figcaption></figure>

* **Status –** Enable or Disable a particular Banner Slider from here.
* **Name  –** Give a name to the Banner Slider. This will be used when you add images to this banner slider.
* **Store View –** Select the store view for which you want to show the Banner Slider.
* **Where to Display –** Select where you want to show the Banner Slider. The options include Home Page, Category Page, Checkout Page, Shopping Cart Page, Home Page.
* **Position –** Set the position of the Banner Slider on the front end. The available options are Content Top, Content Bottom, Main Content Area, After Page Header Top, Main Content Container.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fvdsx3rcwQK7Mii5CvNwP%2Fimage.png?alt=media&amp;token=b11c1678-780e-4eec-bb66-24f34f0a578d" alt=""><figcaption></figcaption></figure>

* **Date From –** Select the date from which the Banner Slider is enabled in the store front end.
* **Date To –** Select the date till which the Banner Slider will be enabled in the store front end.
* **Height –** Set the height of the Banner Slider in pixels.&#x20;
* **Width –** Set the width of the Banner Slider in percentage.

To add a banner image, go to **Banner Slider > Banner Image Manager > Add New Banner Image**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FS8RoxaHjpPt69Mt2JB5I%2FAdd%20Image%20Slider.png?alt=media&amp;token=fffc411d-38bb-4355-85df-52c0841a545e" alt=""><figcaption></figcaption></figure>

* **Status –** Enable or Disable Banner Slider Image from here.
* **Slider Name –** Select the required Banner Slider from here.
* **Image –** Upload the Banner Slider Image or select from the gallery with up to 2 MB size.
* **Banner Redirect Link -** Set the redirection link for the banner image.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FFupn48YTrJUq9jKkVPeS%2Fimage.png?alt=media&amp;token=5e9514e5-4049-4333-b9e3-f50b8983e654" alt=""><figcaption></figcaption></figure>

* **Content –** Add the content if you want to show it on the banner slider image.
* **Content Position –** Set the position of the Content on Banner Slider as left, right, or center.&#x20;
* **Content Color –** Set the Color of the content on the Banner Slider.
* **Content Fontsize –** Set the size of the content font on the Banner Slider.