10

I am using Slick Slider within Magnific Popup.

The slider can contain a couple of items, and has it's own thumbnail nav.

Because the popup sets the slider to display:none I've use:

$('.slider-products').slick('setPosition');

within a callback function when the popup opens and changes.

I've created a pen.

You'll see a couple of issues, firstly the thumbnail navigation doesn't load in correctly due to the setPosition not being set, but I've been unable to get this to work. If you resize the window you'll see it.

Secondly on the second (purple) and third (green) items do not start on their first items. Each slider gets it's own unique class, so they shouldn't be interfering with each other.

iehrlich
  • 3,572
  • 4
  • 34
  • 43
sarah3585
  • 637
  • 13
  • 37
  • How should it behave? What is it that you're looking to fix? – couzzi May 13 '17 at 20:12
  • sorry i also worked with both libraries but i do not get what you want. can you show us mockups or explain how it should work? – warch May 14 '17 at 09:17
  • One issue I can see in the pen... The callbacks you assign in your magnific-popup routinely manipulate `$('.slider-products')`. That means all three sliders, not just the once currently in the popup. – arbuthnott Aug 05 '17 at 11:32

0 Answers0