> 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-subcategories-slider/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%2Fh4SModvDOnlgrOd9dAw8%2FGeneral%20Configuration.png?alt=media&amp;token=038f9cba-aadf-4496-9f8d-ccec60056c64" alt=""><figcaption></figcaption></figure>

* **Subcategories Slider -** Enable or disable the extension from here.
* **Set Default Image -** Set the default image. If the category image is not uploaded, the slider will use the default image.
* **Position -** Set the position of the slider: top, bottom, main content top, or main content bottom.

#### Slider Settings

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fo8DtcDCyArhZ5we1VusX%2FSlider-1.png?alt=media&amp;token=a25f325e-40cd-4516-b0cf-8d5a4286c4d9" alt=""><figcaption></figcaption></figure>

* **Sub Category Style -** Select the Slider option to show subcategories in a slider view.
* **Display Category Image -** Select Yes to show the subcategory image in the slider.
* **Enable Category Image Hover -** Select Yes to enable the hover effect for the subcategory image in the slider.
* **Display Category Name -** Select Yes to show the subcategory name in the slider.
* **Category Name Text Color -** Set the text color of the subcategory name in the slider.
* **Enable Category Name Hover -** Select Yes to enable the hover effect for the subcategory name in the slider.
* **Category Name Hover Text Color -** Set the text color of the subcategory name when hovered in the slider.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F4fg9q4iJTUcmQlZaJSBW%2FSlider-2.png?alt=media&amp;token=23386492-010b-4891-94ae-2a76ae3181bb" alt=""><figcaption></figcaption></figure>

* **Display CTA Button -** Select Yes to enable the CTA Button in the slider.
* **CTA Button Title -** Set the title of the CTA button in the slider.
* **CTA Button Text Color -** Set the text color of the CTA button title in the slider.
* **CTA Button Background Color -** Set the background color of the CTA button in the slider.
* **Enable CTA Button Hover -** Select Yes to enable the hover effect for the CTA button in the slider.
* **CTA Button Hover Background Color -** Set the background color of the CTA button when hovered in the slider.
* **Slider Auto Play -** Select Yes to enable automatic slide change.
* **Auto Play Time -** Set the time in seconds for automatic slide change.
* **Slider Arrow Style -** Set the arrow style from given options: without arrow, carousel, line arrow, boxed arrow, or button arrow.

#### List Settings

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FXrHHZ9qZIYknVDCGm8Jy%2FList.png?alt=media&amp;token=7c41b119-6c5a-4c23-b396-59062590d0c7" alt=""><figcaption></figcaption></figure>

* **Sub Category Style -** Select the List View option to show subcategories in a grid view.
* **Display Category Image -** Select Yes to show the subcategory image in the grid.
* **Display Category Name -** Select Yes to show the subcategory name in the grid.
* **Category Name Text Color -** Set the text color of the subcategory name in the grid.
* **Category Name Background Color -** Set the background color of the subcategory name in the grid.
* **Enable Hover Effect -** Select Yes to enable the hover effect in the grid.
* **Hover Text Color -** Set the text color of the subcategory name when hovered in the grid.
* **Hover Background Color -** Set the background color of the subcategory card when hovered in the grid.
* **Hover Shadow Color -** Set the shadow color of the subcategory card when hovered in the grid.