Почему Owl Carousel некорректно отображает кол-во слайдов?

Question

[dicem]

Приветствую, есть сайт: pinhas.ru
На главной есть слайдер, проблема в том, что он отображает еще 2 невидимых слайда. Так вот вобще не могу понять почему это так получается.
Прикладываю код интеграции слайдера:

<div id="owl-carousel">
	<?php
	$args = array(
		'post_type' =>
		'news',
		'showposts' => 2
	);
	$news = get_posts($args);
	foreach ($news as $post):
		setup_postdata($post);
	?>
	<div class="item">
		<div class="img">
			<a href="<?php the_permalink(); ?>">
				<?php the_post_thumbnail(); ?>
			</a>
		</div>
		<div class="text">
			<h4 class="title">
				<a href="<?php the_permalink(); ?>">
					<?php the_title(); ?>
				</a>
			</h4>
			<?php echo content(25); ?>
		</div>
	</div>
	<?php endforeach; ?>
</div>

Answer 1

[Денис]

Я думаю что проблему может решить изменением файла
pinhas.ru/wp-content/themes/pinhas/js/main.min.js
Попробуйте указать кто есть элементом карусели вот так:

$("#owl-carousel").owlCarousel({
        autoPlay: 4e3,
        stopOnHover: !0,
        singleItem: !0,
        transitionStyle: "fade",
	itemElement: ".item"
    })

я не уверен, но факт что вы отдаете только 2 элемента (смотрите сорцы страницы)
Это уже что-то слайдер не так парсит. Думаю ключом будет - itemElement: ".item"

Comments

[dicem]

первый раз вижу в OWL такую опцию, я просто не знаю какая версия там стоит на сайте, уверены что там такой синтаксис?

[Денис]

вот документация https://owlcarousel2.github.io/OwlCarousel2/docs/a...