> ## Documentation Index
> Fetch the complete documentation index at: https://docs.t3planet.de/en/latest/llms.txt
> Use this file to discover all available pages before exploring further.

# Setup News Slick Slider

Add News Slick slider Plugin from Add New Element popup into news detail page.

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsNewsSlickSlider/Configuration/SlickSliderConfiguration/images/AddNewsSlickSlider.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=6457b6523fd5ca610e0ce07c37a00f71" alt="General Settings of News slick slider Plugin" width="1212" height="450" data-path="en/latest/ExtNsNewsSlickSlider/Configuration/SlickSliderConfiguration/images/AddNewsSlickSlider.webp" />

# General Settings of News Slick Slider

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsNewsSlickSlider/Configuration/SlickSliderConfiguration/images/SlickSliderConfiguration.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=5e79373c357e01c45a6d762703b78c56" alt="Slick Slider Plugin Configuration steps" width="1087" height="1009" data-path="en/latest/ExtNsNewsSlickSlider/Configuration/SlickSliderConfiguration/images/SlickSliderConfiguration.webp" />

* **Step1** -> There are 3 types; single, multiple & responsive image view, choose one of them & apply changes accordingly.
* **Step2** -> Setup number of slides to show on front end.
* **Step3** -> Setup how many slides you want to slide when scroll slider.
* **Step4** -> Choose slider transmission speed.
* **Step5** -> Enable option variable width, if you want.
* **Step6** -> Enable checkbox if you need to display the dots below to the slider.
* **Step7** -> Enable Loop checkbox to set loop upon slider images.
* **Step8** -> If you need to autoplay the slider images then enable the autoplay checkbox.
* **Step9** -> Center mode option facilitates to setup padding on slider.
* **Step10** -> Once you enable the center mode checkbox then you can apply the padding according to your needs.

One more thing i would to share that, You may include the Jquery from constant editor, and can setup the template path. that's it.!

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsNewsSlickSlider/Configuration/SlickSliderConfiguration/images/news_slick_Include_Jquery.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=4975744191839144516ad0ee333be67c" alt="Slick Slider Plugin Configuration steps" width="1091" height="736" data-path="en/latest/ExtNsNewsSlickSlider/Configuration/SlickSliderConfiguration/images/news_slick_Include_Jquery.webp" />

Now check your news record on news detail page with awesome slick slider.!
