Alex_WC of Watson Creative
10/9/2018 - 5:57 PM

Slick Slider

takes 2 arguments, jQuery selectors for 1) Slides Container and 2) Slide Elements add a class to the column for slider, then find child elements to be used as slides. call on document ready.

script and stylesheet: wp_enqueue_style( 'slick-style', '//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css', array( 'avada-stylesheet' ) ); wp_enqueue_script('slick.js', '//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js', array('jquery'), null, true);

slickFunc.js
content_copyfile_download
function slickCarousel(container, slides) {
  $(container).slick({
    slide: slides,
    arrows: false,
    dots: true,
    autoplay: true,
    autoplaySpeed: 10000
  })
}