aka_koren
@aka_koren
Веб-разработчик, местами не опытен

Уезжают слайды в навигации (slick), как исправить?

Сделал два параллельных слайдера для навигации, как надо.
5b04169e8145a584175391.jpeg
<div id="popup" class="popup">
		<a href="javascript:void(0)" class="popupclose">X</a>
		<div class="pojpopimagesslid">
			<div><img src="<?php echo get_template_directory_uri() ?>/img/picturebig.jpg" alt="picbig"></div>
			<div><img src="<?php echo get_template_directory_uri() ?>/img/manl.png" alt="picbig"></div>
			<div><img src="<?php echo get_template_directory_uri() ?>/img/manr.png" alt="picbig"></div>
		</div>
		<div class="pojpopimagesslidnav">
			<div><img src="<?php echo get_template_directory_uri() ?>/img/picturebig.jpg" alt="picbig"></div>
			<div><img src="<?php echo get_template_directory_uri() ?>/img/manl.png" alt="picbig"></div>
			<div><img src="<?php echo get_template_directory_uri() ?>/img/manr.png" alt="picbig"></div>
		</div>
		<p class="popuptext">текст</p>
	</div>

<script>
	$(".openprojpoplink").click(function(){
		$(".popup").show();
		$(".pojpopimagesslid").slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			arrows: true,
			asNavFor: '.pojpopimagesslidnav',
		});
		$(".pojpopimagesslidnav").slick({
			slidesToShow: 3,
			slidesToScroll: 1,
			asNavFor: '.pojpopimagesslid',
			focusOnSelect: true,
			arrows: false,
			centerMode: true
		});
	});
	$(".popupclose").click(function(){
		$(".popup").hide();
	});
</script>


Но при прокрутке верхнего слайдера, что вправо что влево, нижний тоже едет непонятно как.
5b0417f04e225126331011.jpeg
5b0417fe9b33b455272406.jpeg
5b0418069fb08976298565.jpeg

Мне нужно, чтоб нижний слайдер вообще не ехал, а как - не пойму((
Если надо, то это всё находится здесь - infovs51.beget.tech/projects
  • Вопрос задан
  • 1791 просмотр
Решения вопроса 1
sagrana
@sagrana
Вёрстка и немного кодинга)
Мне помогло transform: none!important; для .slick-track у слайдера-навигации.
В вашем случае будет
.pojpopimagesslidnav .slick-track {
  transform: none!important;
}


Это костыль, но он работает)))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы