Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

1 votes

Скроллинг related auto

Started by inte , Sep 25 2015 12:13

Prev

This topic is locked

26 replies to this topic

#21 SmetDenis

Administrators
User rate: 139.4
posts: 16232
topics: 200

Posted 28 October 2015 - 13:50

странно но у меня нет slideset есть только slideshow

Часть расширений в widgetKit есть только в полной версии. Она платная.

0

JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!

— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.

Back to top

#22 Юра Мамонтов

JBZoo User (rus)
User rate: 2.2
posts: 258
topics: 55

Posted 28 October 2015 - 14:05

POPULAR

Предложу Slick Slider

1) Переходите на страницу http://kenwheeler.github.io/slick/ жмете в меню ссылку get it now, т.е. скачиваете архив, в нем находите 3 файла:

'slick.css', 'slick-theme.css', 'slick.min.js'

2) Закидываете эти файлы на сайт, в папки со стилями и в паки со скриптами.

3) Подключаете между тегами

<head>

</head>

Или другим удобным способом.

Если вам оформление не особо важно, то файл с темой можно не подключать.

4) Втыкаете элемент JBZooRelated (Auto) в нужный вам шаблон. Настраиваете в нем вывод количества столбцов, например 6 (будет по 6 штук в ряд).

5) Добавляете в код скрипт (где-нить после вывода JBZooRelated (Auto)) :

<script>
jQuery('.related-items-col-6').slick({
  infinite: true, //прокрутка по кругу
  slidesToShow: 6, // кол-во столбцов
  slidesToScroll: 6, //колво прокручиваемых за раз элементов
  responsive: [
    {
      breakpoint: 992, // для разрешения меньше 992px
      settings: {
        slidesToShow: 4,
        slidesToScroll: 4,
        infinite: true,
       }
    },
    
    {
      breakpoint: 768, // для разрешения меньше 768px
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
       }
    }, 
       
  ]
 
});
  
  </script>

Т.е. у вас будет 6 элементов, при нажати на кнопку прокрутится на след 6 элементов, при уменьшении разрешения до 992 px будет уже 4 элемента итд.

6) Доработайте стили, например:

.width16 {margin:0.25% !important}

.width16 img {width:100% !important; height:auto !important;}

Это, чтобы блоки были равномерно распределены.

Вроде бы все, проверил, работает

Edited by Юра Мамонтов, 02 November 2015 - 17:01.

5

Back to top

#23 lukers

JBZoo User (rus)
User rate: -0.8
posts: 77
topics: 14

Posted 29 October 2015 - 19:32

Часть расширений в widgetKit есть только в полной версии. Она платная.

как дорого стоит? и можно купив один раз использовать на нескольких моих сайтах.

4) Втыкаете элемент JBZooRelated (Auto) в нужный вам шаблон. Настраиваете в нем вывод количества столбцов, например 6 (будет по 6 штук в ряд). 5) Добавляете в код скрипт (где-нить после вывода JBZooRelated (Auto)) :

пожалуйта можно подробнее как JBZooRelated (Auto) добавить в шаблон и скрипт куда именно вписать

я добавил JBZooRelated (Auto) в продукцию... а дальше

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

а не в FULL

0

Back to top

#24 lukers

JBZoo User (rus)
User rate: -0.8
posts: 77
topics: 14

Posted 29 October 2015 - 19:44

Тогда Owl Carousel прикрутить какую-нить ))

engbk.ru

отлично заработала карусель... но только 7 фоток.. с сылками а можно туда как нить не фото а товар jbzoo вставить и увеличить не 7 а например 10 фоток?