Доброго времени суток. Столкнулась с такой бедой по незнанию, проходила курс PHP, внизу у сайта должен быть слайдер,он идет в ряд по три изображения и по бокам стрелочки "вперед" и "назад", все делала как в уроке, даже скопировала проверить из источника код,все равно отображает в столбик,в увеличенном размере,и стрелочки как видно на скрине на втором изображение вообще,хотя они даже в цикл не входят, вот ссылка на слайдер
jquery.malsup.com/cycle2
вот скрин
вот сам код
<div class="recommended_items"><!--recommended_items-->
<h2 class="title text-center">Рекомендуемые товары</h2>
<div class="cycle-slideshow"
data-cycle-fx=carousel
data-cycle-timeout=5000
data-cycle-carousel-visible=3
data-cycle-carousel-fluid=true
data-cycle-slides="div.item"
data-cycle-prev="#prev"
data-cycle-next="#next"
>
<?php foreach ($recommended as $sliderItem): ?>
<div class="item">
<div class="product-image-wrapper">
<div class="single-products">
<div class="productinfo text-center">
<img src="<?php echo Product::getImage($sliderItem['id']); ?>" alt="" />
<h2>$<?php echo $sliderItem['price']; ?></h2>
<a href="/product/<?php echo $sliderItem['id']; ?>">
<?php echo $product['name']; ?>
</a>
<br/><br/>
<a href="#" class="btn btn-default add-to-cart" data-id="<?php echo $sliderItem['id']; ?>"><i class="fa fa-shopping-cart"></i>В корзину</a>
</div>
<?php if ($sliderItem['is_new']): ?>
<img src="/views/templateShop/images/home/new.png" class="new" alt="" />
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<a class="left recommended-item-control" id="prev" href="#recommended-item-carousel" data-slide="prev">
<i class="fa fa-angle-left"></i>
</a>
<a class="right recommended-item-control" id="next" href="#recommended-item-carousel" data-slide="next">
<i class="fa fa-angle-right"></i>
</a>
</div>
я так понимаю проблема где в верстке, кто может подсказать? заранее благодарю.
вот еще сообщение из консоли
