Ошибка slick. При загрузки страницы не отображается слайд?

Question

[WildKayote]

При загрузки страницы страницы не отображается первый слайд. Появляется только тогда, если переключить слайд через навигацию (dots). link Раздел "products" блок "knife"
Весь код обернут $(document).ready(function()

$('#product__slider').slick({
		dots: true,
		arrows: false,
	});

Answer 1

[dranets13]

Вероятно проблема в том, что вы на ваши img повесили класс слайда, попробуйте img обернуть в див и ему уже задать класс слайда.

Comments

[WildKayote]

Да, в этом дело и было, спасибо вам. Но теперь вначале слайды накладываются друг на друга. И также после смены их - встают каждый на свое место. Репу обновил, посмотрите, пожалуйста

[dranets13]

Изначально, что-то мешает нормально слику проинициализироваться, это видно из того, что slik-track и сам слайд изначально имеют нулевую ширину. Вероятно это связано с использованием вами fancybox. Попробуйте погуглить в этом направлении.

[WildKayote]

dranets13: Да, я тоже подумал, что из-за fancybox. Спасибо большое за помощь!

Answer 2

[profesor08]

Выполните код в конце страницы.
Убедитесь что slick.js загружен раньше, чем выполняется код.
Показывается ли слайд без slick, если да, то смотрите CSS правила.

Comments

[WildKayote]

Спасибо, но проблема была в том, что img были не обернуты в div.