Show dots only when needed

Issue kenwheeler#3009: Show dots only when needed
abdelrahman-hamdy · Aug 28, 2017 · 5a3c6fb · 5a3c6fb
1 parent 8ccd846
commit 5a3c6fb
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/slick/slick.js b/slick/slick.js
@@ -484,7 +484,7 @@
         var _ = this,
             i, dot;
 
-        if (_.options.dots === true) {
+        if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {
 
             _.$slider.addClass('slick-dotted');
 
@@ -1386,7 +1386,7 @@
 
         var _ = this;
 
-        if (_.options.dots === true) {
+        if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {
             $('li', _.$dots).on('click.slick', {
                 message: 'index'
             }, _.changeSlide);
@@ -1396,7 +1396,7 @@
             }
         }
 
-        if ( _.options.dots === true && _.options.pauseOnDotsHover === true ) {
+        if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {
 
             $('li', _.$dots)
                 .on('mouseenter.slick', $.proxy(_.interrupt, _, true))