Owlcarousel2: Dots Data

[adyz]

Hi,

I was searching for a method to add thumbnails instead of simple dots to the slider and I found that you have an option called dotData.

That is not working and puts undefined in the output.

Is there something I am doing wrong or the script is broken for this functionality?

I made a pen with the latest version
http://codepen.io/anything/pen/Fcrxg

Thank you,
Adrian

PS: Working demo with older version http://demo.lanrenzhijia.com/2014/owl0509/demos/thumbnails.html

[witrin]

This bug is just a typo: Try to add dotsData: true also to your options.

[adyz]

I added dots instead of dot, but the only difference is that now I get null instead of undefined.

Have you tried on my demo and it was working?

[witrin]

I wrote "also" not instead.

[adyz]

Hi Artus,

Sorry for that, now it works. http://codepen.io/anything/pen/JAoEg

Thanks for your help!

[witrin]

Please leave this open. It's a bug ;)

[eparisio]

same here, but in the last version the dots disappear if i set dotsData/dotData.
In the older version it load them but the navigation function on them didn't work.

http://jsfiddle.net/93cpX/2/

[f000]

Indeed, dotData is not working after my upgrade from 2.0.0-beta.1.8.

http://codepen.io/f000/pen/gzqFp

[badbojo]

https://github.com/smashingboxes/OwlCarousel2/commit/668ad0dbcdaf4e73f32328c9b5fd730f9ccdbca6

Works like a charm.
Thanks a lot!

PS need to replace dotData to dotsData here http://www.owlcarousel.owlgraphic.com/docs/api-options.html

[regisphilibert]

Been reading a lot in the issues and according to this comment : https://github.com/smashingboxes/OwlCarousel2/issues/158/#issuecomment-56747066
It seems that the current version (beta 2-4-4) doesn't fix the issue.

For me, using this version, setting dotsData to true, and adding data-dot to each item, results in my dots beeing consecutive commas :

,,,,,,

Not my code, but already shared codePen is showing similar problem : http://codepen.io/anon/pen/RNzxOe

[ipetrov87]

With me is same as @regisphilibert :(

[russellcornwell]

Same issue as @regisphilibert and @ipetrov87: consecutive commas with no functionality. I love how this carousel handles touch and clicks. Any updates on how to make dot thumbnails work with data-dot?

[swaranan]

Same issue @regisphilibert

[maximerabot]

Same issue @regisphilibert. Is there any fix for that?

[regisphilibert]

@swaranan @maximerabot Sorry to come to that but I switched to using http://kenwheeler.github.io/slick/ more than a year ago. for all my projects. It has its own little caveats but is so much superior to any other carousel... the baseline says it all : the last carousel you'll ever need

[jhadenfeldt]

@regisphilibert, @swaranan and @maximerabot : I've fixed the issue here: #2066, let's hope the PR gets accepted soon.

[chaudharyramesh]

dotsData was showing but was not triggering associated slide, below code

$( '.owl-dot' ).on( 'click', function() {

     owl.trigger('to.owl.carousel', [$(this).index(), 300]);

    $( '.owl-dot' ).removeClass( 'active' );

    $(this).addClass( 'active' );

})

[merysilveira]

I want to use dotsData and dotsEach together, but isn't working.
Show one dot for each carousel item but I want to show one dot for each four items.
How I can fix this problem?

[adoumas]

Still pending. when adding dotsData to options then the bullets dont work and need custom code