Remove slick cloned slides while setting infinite:true

[shivanit2]

I need to remove slick-cloned slides from my slider.I know it is possible to do so by keeping infinite to false. But I want to eliminate slick clones whilst keeping infinite true.How can I achieve this?

[PAKOTxx]

same question, this is problem for SEO, some variants?

[klemus]

bump?

[sagarsatalkar]

adaptiveHeight: true worked for me.

Thanks.

[analogaryan]

thanks

[thanhnx9368]

If you're intergrated fancybox + react-slider. They will be displayed duplicated slide in fancybox.

I have a solution for this: We have to remove attribute data-fancybox in a tag element.

useEffect(() => { const removeDataFancyboxAttribute = () => { const layoutDiv = document.querySelectorAll('.slick-list > .slick-track > .slick-cloned') layoutDiv?.length > 0 && layoutDiv?.forEach((item) => { const aTags = item.querySelectorAll('a') aTags.forEach((aTag) => { if (aTag.getAttribute('data-fancybox')) { aTag.removeAttribute('data-fancybox') } }) }) }

setTimeout(() => {
  removeDataFancyboxAttribute()
}, 500)

}, [])

[samucalima]

adaptiveHeight: true worked for me.

Thanks.

This solution didn't work for me :(