как вывести списки товаров в виде слайдера? шаблон Nifty

2 ответа

• популярные
• новые

• 1

  Дмитрий | Дизайн со вкусом Партнер-разработчик 24 марта 2014 04:22 #

  1. Качаем bxslider http://bxslider.com/ (справа сверху синяя кнопка)
  2. В витрине создаем файлы
  jquery.bxslider.min.js
  jquery.bxslider.css
  вставляем код в эти файлы из скаченного архива
  
  3. Подключаем в нужном месте, к примеру в home.html
  <script src="{$wa_theme_url}jquery.bxslider.min.js"></script>
  <link href="{$wa_theme_url}jquery.bxslider.css" rel="stylesheet" />
  
  4. Находим в файле home.html {include file="list-thumbs.html" products=$promos}, где $promos это файлы из списка "promo"
  и делаем примерно так
  
  <div class="mypromo">
  {include file="list-thumbs.html" products=$promos}
  </div>
  
  5. После подключенных нами ранее файлов добавим
  <script type="text/javascript">
  $(document).ready(function () {
  $(".mypromo ul").bxSlider({
  minSlides: 1, /*минимальное количество блоков*/
  maxSlides: 4, /*максимальное*/
  slideWidth: 160, /* ширина блока товара */
  slideMargin: 31, /* отступы между товарами справа слева*/
  moveSlides: 4, /*количество товаров при прокрутке*/
  nextText: 'Следующий',
  prevText: 'Предыдущий',
  pager: false,
  infiniteLoop: false
  });
  });
  </script>
  
  
  Если что не получилось пишите tdmitriiv@gmail.com

  ответить
• 1

  Владислав 18 декабря 2015 05:02 #

  Все сделал как в описании не работает.

  

  вот что получилось одно окошко либо их много если в настройках поменять но не перескакивает.

  Как будто js не подключился

  
  

  пробовал через блок, вообще не подключаться

  
  

  ответить