0

Всем привет! В интернет-магазине в корзину должны помещаться товары и выводится в карусели. Как добавить товары из корзины в слайдер я нашел, а вот как заставить его вращаться после реинициализации - загадка..В коде для крутелок показывает display:none; - значит слайдер не хочет, чтобы его вращали. Такой вывод я сделал, т.к. по аналогии, если из содержимого owl-carousel убрать пустой div, то карусель вообще пытается скрыться от глаз долой - прячется в display:none и opacity:0; Может быть найдутся умные люди, кто сможет мне помочь в этом вопросе - буду премного благодарен!

отредактированный вопрос: при первой попытке добавить товар в дополнительной корзине выводится пустое поле с надписью "корзина пуста", при втором клике на кнопку добавить пустое поле удаляется и больше ничего не выводится, а уже при 3ем выводится товар как и положено, но он только 3ий товар показывает из корзины, а первые 2 видны только в основной..

$('#foot-carousel').owlCarousel({
  items: 3,
  navigation: true,
  navigationText: ["", ""],
});

$(".add_to_cart_button").click(function() {
  $("#foot-carousel div:contains('Корзина пуста.')").remove();

  $('#foot-carousel').data('owlCarousel').addItem('<div>' + $('.cart_list li:last').html() + '</div>');
  $(".fixed-bottom").show().fadeTo("slow");
});
<div class="widget_shopping_cart_content">
  <ul class="cart_list product_list_widget ">
    <!-- сюда выводятся товары помещаемые в корзину -->
  </ul>
</div>
<div id="foot-carousel" class="owl-carousel">
  <div>
    <!-- здесь формируется карусель -->
  </div>
</div>


карусель завелась, то товар отправляется в нее только с 3ей попытки, т.е. первых двух товаров в корзине не видно.. что не так по условию или не хватает какой-то проверки?

1
  • хмм.. карусель оказывается заработала, но почему-то для одного вида товаров, т.е. если положил 3 одинаковых товара, то она срабатывает.. очень странное поведение, но не то, что мне нужно
    – Вася
    18 июн 2015 в 21:21

1 ответ 1

1

Продублирую: Вам нужно добавлять слайды через встроенный метод:

owl.addItem(htmlString [,targetPosition])

источник

Сам я не пользовался этим слайдером, но советую всегда читать мануалы, скорее всего там вы найдете ответ.

1
  • насколько я понял targetPosition по умолчанию итак равен -1 и его можно не добавлять или что вы имели ввиду? Second parameter "targetPosition" is optional and accept number values. To add item at the end of carousel you could use -1 value. Last item is default value. чем строчка: $('#foot-carousel').data('owlCarousel').addItem('<div>' + $('.cart_list li:last').html() + '</div>'); не устроила?
    – Вася
    19 июн 2015 в 6:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.