WP Slick Slider and Image Carousel

Description

Display multiple slick image slider and carousel using shortcode with category. Fully responsive, Swipe enabled, Desktop mouse dragging and Infinite looping. Fully accessible with arrow key navigation Autoplay, dots, arrows etc.

It uses A custom post type and taxonomy to create a slider, with almost unlimited options and support for multiple sliders on any page. You can also display image slider on your website header.

We have added 5 designs for slider and 1 design for carousel. You can find all designs under Slick Slider -> Slider Designs. Just copy the shortcode of design that you like and use.

Check DEMO | PRO DEMO and Features for additional information.

PowerPack Lite our new FREE WordPress Plugin. Try it Now.

You can use 2 shortcodes

[slick-slider] and [slick-carousel-slider]

Here is Template code

<?php echo do_shortcode('[slick-slider]'); ?>  and
 <?php echo do_shortcode('[slick-carousel-slider]'); ?> 

Use Following parameters with shortcode

[slick-slider]
  • limit : [slick-slider limit=”-1″] (Limit define the number of images to be display at a time. By default set to “-1″ ie all images. eg. if you want to display only 5 images then set limit to limit=”5”)
  • category: [slick-slider category=”category_ID”] ( ie Display slider by their category ID ).
  • show_content : [slick-slider show_content=”true” ] (Display content OR not. By default value is “True”. Options are “ture OR false”).
  • Pagination and arrows : [slick-slider dots=”false” arrows=”false”]
  • Autoplay and Autoplay Interval: [slick-slider autoplay=”true” autoplay_interval=”100″]
  • Slide Speed: [slick-slider speed=”3000″]
  • fade : [slick-slider fade=”true” ] (Slider Fade effect. By default effect is slide. If you set fade=”true” then effect change from slide to fade ).
  • sliderheight : [slick-slider sliderheight=”400″ ] (Slider height. By default given 500px height.)
  • rtl : [slick-slider rtl=”true”] (for rtl mode. By default value is “false”. Options are “ture OR false”).

Use Following parameters with shortcode

[slick-carousel-slider]
  • limit : [slick-carousel-slider limit=”-1″] (Limit define the number of images to be display at a time. By default set to “-1″ ie all images. eg. if you want to display only 5 images then set limit to limit=”5”)
  • design : [slick-carousel-slider design=”design-1″] (You can select 5 design( design-1, design-2, design-3, design-4, design-5 ) for your slider. Slick Slider -> Slider Designs ).
  • category: [slick-carousel-slider category=”category_ID”] ( ie Display slider by their category ID ).
  • image_size : [slick-carousel-slider image_size=”large”] (Default is “medium”, values are thumbnail, medium, large, original)
  • slidestoshow : [slick-carousel-slider slidestoshow=”3″ ] (Display number of images at a time. By default value is “3”).
  • slidestoscroll : [slick-carousel-slider slidestoscroll=”1″ ] (Scroll number of images at a time. By default value is “1”).
  • Pagination and arrows : [slick-carousel-slider dots=”false” arrows=”false”]
  • Autoplay and Autoplay Interval: [slick-carousel-slider autoplay=”true” autoplay_interval=”100″]
  • Slide Speed: [slick-carousel-slider speed=”3000″]
  • centermode : [slick-carousel-slider centermode=”true” ] ( Display main image on center. By default value is “false” ).
  • variablewidth : [slick-carousel-slider variablewidth=”true” ] (Variable width of images in slider. By default value us “false”)
  • sliderheight : [slick-carousel-slider sliderheight=”400″ ] (Slider height. By default given 500px height.)
  • rtl : [slick-carousel-slider rtl=”true”] (for rtl mode. By default value is “false”. Options are “ture OR false”).

PRO Features Added :

Premium Version

  • 90+ Predefined stunning designs
  • 30 Image Slider Designs
  • 30 Image Carousel and Center Slider Designs
  • 33 Slider Variable width Designs
  • Visual Composer Page builder support
  • Drag & Drop frature to display slide in your order
  • Custom CSS plugin setting option
  • Powerful shortcode with strong parameters
  • Display content with image and link in Carousel mode
  • Fully Responsive
  • 100% Multi Language

Check PRO DEMO and Features to know more.

How to install :

Features include

  • Display unlimited number of slider and carousel with the help of category.
  • Touch-enabled Navigation.
  • Fully responsive. Scales with its container.
  • Fully accessible with arrow key navigation.
  • Responsive
  • Given shortcode and template code.
  • Use for header image slider.

Screenshots

  • Design-1
  • Design-2
  • Design-3
  • Design-4
  • Design-5
  • Design-6

Installation

  1. Upload the ‘wp-slick-slider-and-carousel’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the “wp-slick-slider-and-carousel” list plugin through the ‘Plugins’ menu in WordPress.
  3. Add this short code where you want to display slider

    [slick-slider] and [slick-carousel-slider]

How to install :

FAQ

Installation Instructions
  1. Upload the ‘wp-slick-slider-and-carousel’ folder to the ‘/wp-content/plugins/’ directory.
  2. Activate the “wp-slick-slider-and-carousel” list plugin through the ‘Plugins’ menu in WordPress.
  3. Add this short code where you want to display slider

    [slick-slider] and [slick-carousel-slider]

How to install :

Reviews

Great plugin and excellent support

This was super easy to set up and worked out of the box. I had one small issue with setup on mobile, and support was able to help me out within a day. I like that I can assign slides to multiple sliders using the “categories”. The only thing I’m not crazy about is having to link the image to itself under “Read More Link” in order to get it to enlarge with a lightbox effect on click. Overall this plugin is exactly what I needed to display product images on my site.

NICE AND GREAT TEAM SUPPORT

they have great plugin plus great teams to solve your problem! no doubt at all.
should get 10 star! not 5 star!!

thank you for all help and support!

Nice plugin for my task

Thanks for a plugin. I had to create a slider with horizontal and vertical slides and this plugin works perfectly with it. Just set up a variable width option and it works!

Really cooly slider

Very impressive, the free version is indeed “slick”, beautiful slider.

The downside is that indeed you need to upload EACH picture to its own “post”, a bit time consuming. IF THIS IS FIXED I would happily pay for a premium version.

100 percent

Great Great plugin and even better support and I don’t say that lightly best support i have come a cross in my time working on the web, walked me through ever step of the way with my support needs and a plugin can only be as good as it’s support and this has it all. All I can say is a great plugin by a great team and i would recommend them to anyone all day long.

does not work as stated

Variable width parameter has no effect – Images are displayed with different heights and white space to make the widths equal – looks horrible. Slides must be added one at a time – very slow if you have a lot of images to add. It’s not responsive, does not display at full page width. sliderheight has no effect. Waste of my time.

Read all 23 reviews

Contributors & Developers

“WP Slick Slider and Image Carousel” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.3.4 (04/10/2017)

  • [*] Fixed all responsive issues and checked many mobile devices.
  • [*] If you are using any cache plugin, please clear your cacheing after plugin updates

1.3.3 (04/10/2017)

  • [*] Updated slick.min.js to the latest version
  • [*] Fixed all responsive issues and checked many mobile devices.
  • [*] If you are using any cache plugin, please clear your cacheing after plugin updates

1.3.2.1 (27/09/2017)

  • [*] Fixed design-6 issue with shortcode parameter variablewidth=”true” in responsive layout
  • [*] If you are using any cache plugin, please clear your cacheing after plugin updates

1.3.2 (23/09/2017)

  • [*] Fixed design-6 issue with shortcode parameter variablewidth=”true”
  • [*] If you are using any cache plugin, please clear your cacheing after plugin updates

1.3.1.1 (23/09/2017)

  • [*] Fix responsive issue reported by users in v-1.3.1
  • [*] If you are using any cache plugin, please clear your cacheing after plugin updates

1.3.1 (22/09/2017)

  • [*] Fix main JS wp_register_script issue

1.3 (22/09/2017)

  • [+] Added sliderheight parameter in shortcode [slick-carousel-slider]
  • [*] RTL made better to work with RTL websites
  • [*] Center mode and variablewidth improved better as per usres feedback
  • [*] sliderheight parameter improved

1.2.8 (22/05/2017)

  • [+] RTL Supported

1.2.7 (25/04/2017)

  • [+] Added overlay for design-2

1.2.6 (07/11/2016)

  • [+] Added “How it work tab”
  • [-] Removed Pro design tab

1.2.5 (20/10/2016)

  • Updated all the designs and fix the bug
  • Fixed image display issue on mobile
  • Replaced arrow images

1.2.4

  • Updated slider js to latest version.
  • Updated plugin design page.

1.2.3

  • Fixed some css issues.

1.2.2

  • Fixed some css issues.
  • Resolved multiple slider jquery conflict issue.

1.2.1

  • Fixed some bug
  • Added Pro version with 16 designs

1.2

  • Fixed some bug
  • Added link to carousel mode

1.1

  • Fixed some bug
  • Added Limit

1.0

  • Initial release.