How to use Slick Carousel in Drupal

Articles - Drupal Web Development Articles

User Rating: / 0
PoorBest 
Share/Save/Bookmark

Need a simple yet a powerful carousel for Drupal with exhaustive sets of options and possibilities? Try the demo for the Slick Carousel here - http://kenwheeler.github.io/slick/

Download Slick Carousel and Related Modules, first is the primary module needed while the last 2 are optional but useful in getting you started, as these provide you built-in demos and sample blocks already:

Slick Carousel - https://www.drupal.org/project/slick
Slick Extras - https://www.drupal.org/project/slick_extras
Slick Views - https://www.drupal.org/project/slick_views

Download the dependent libraries needed for the above:

  • Slick Library plugin - https://github.com/kenwheeler/slick/
    - downloaded should be extracted and main folder renamed to slick so files will be as:
    ../sites/../libraries/slick/slick/slick.css
  • jQuery Easing plugin - http://gsgd.co.uk/sandbox/jquery/easing/
    - downloaded should be extracted and JS file renamed from jquery.easing.1.3.js to jquery.easing.min.js, and be available as: ../sites/../libraries/easing/jquery.easing.min.js

After installation of above, ensure you have these modules and needed permissions enabled, then you can check out the options and settings thru:

  1. Configuration > Media > Slick - ../admin/config/media/slick

    Drupal Slick Carousel module

  2. Structure > Blocks - .../admin/structure/block

    Drupal Slick Carousel module blocks

Try using the sample blocks provided by default making these viewable on certain page, and experiment on settings. From here-on, everything should be straightforward, enjoy!

NOTE: There is another similar module but lighter with minimal slideshow features only, Slick Slideshow - https://www.drupal.org/project/slick_slideshow

Add comment


Security code
Refresh

CCTV Pinoy

CCTV security cameras & video surveillance systems & equipment, solutions for home or business in Metro Manila, Philippines

CCTV security cameras & video surveillance systems & equipment, solutions for home or business in Metro Manila, Philippines

i-Build.PH Web Services

webhosting, web designer, web developer, Joomla, Drupal, Wordpress, Magento, Davao, Cebu, Metro Manila, Philippines

i-Build.PH offers webhosting, web design, development, SEO, training and consultancy services. Visit us at i-Build.PH.

Servicing areas of Metro Manila, Cebu and Davao, Philippines.

Contact Info

Mobile Number: +63 917-803-2478

Email address: jaesperanza@gmail.com

Yahoo Messenger: jerome_107

We're Joomla Version 3 Ready!

Needing to migrate your Joomla websites versions 1.5, 1.7 and 2.5 to the latest Joomla version 3? Contact us for a free quotation.

Banner

Lazy Black Cat, Always Hungry

Hungry from all the coding? Take a break, grab some foodie!

Lazy Black Cat, Food Reviews, Philippines, Metro Manila, Beverages and Drinks, Smorgasbord

Latest Comments

  • Notice: Undefined index: bid i...
    Hey there I am so glad I found your blog, I really found you by error, while I was searching on Askjeeve for something else, Regardless I am here now and would just like to say thank you for a incredi...
    25.06.15 11:55
    Posted by: Instagram Followers
  • Warning: file_get_contents err...
    WOW just what I was looking for. Came here by searching for Search Engine Optimization (SEO)
    11.04.15 07:52
    Posted by: Zelma
  • Warning: file_get_contents err...
    I really like it when people get together and share ideas. Great website, keep it up!
    10.04.15 11:53
    Posted by: get traffic
  • Joomla 2.5 Fatal error: Class ...
    I am still stuck with it, disable/enable k2 user didn't work to me. I can not access to administrator/ interface but checked ordering field in _extensions and all my K2 extensions plugins have 0 order...
    05.04.15 06:24
    Posted by: spideep
  • [SOLVED] Drupal error-Notice: ...
    thank its relay help solving the problem thanks
    20.02.15 03:23
    Posted by: ashutosh
  • Joomla 2.5 Fatal error: Class ...
    It worked:) Thank You very much. Setting order did'nt work, I had to disable K2 user plugin and then enable it but thank's to Your article I got a direction:)
    17.02.15 22:03
    Posted by: Barto
  • Drupal 7, how to setup, instal...
    Hi Michael, would you mind sharing screenshots of what is being shown when you click the browse server button? Some notes: Have you tried cross-browsers (Chrome, Firefox, etc) just to rule out browse...
    11.02.15 00:34
    Posted by: Joomla, Drupal, Wordpress Web Developer
  • Drupal 7, how to setup, instal...
    Hi- Thanks for this tutorial. I never see IMCE, no matter what I do. I uninstalled and reinstalled ckeditor and IMCE, same thing. When I click the browse server button a popup opens but never shows me...
    05.02.15 13:25
    Posted by: Michael
  • Where and How to change the L...
    Hi, I have discovered the file to edit for the comment form, however, I want to make the email field not compulsory. Obviously, removing the '*' alone doesnt solve it. I need the lines to edit so the ...
    27.01.15 08:23
    Posted by: luwadurotimi
  • Where and How to change the L...
    Hi, I already located the file to edit the comment form, However, I want to make the email section not compulsory, I can remove the '*' but I need the lines to edit so the site won't regard email as c...
    27.01.15 08:21
    Posted by: luwadurotimi

Web / Internet Resources

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

Joomla Blog Articles and Notes

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

Drupal Blog Articles and Notes

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8