Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1 Голосов

Скроллинг related auto

Автор inte , Sep 25 2015 12:13

Назад

Тема закрыта

Сообщений в теме: 26

#21 SmetDenis

Administrators
Общий рейтинг: 139.4
сообщений: 16232
топиков: 200

Отправлено 28 October 2015 - 13:50

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

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

0

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

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

Наверх

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

JBZoo User (rus)
Общий рейтинг: 2.2
сообщений: 258
топиков: 55

Отправлено 28 October 2015 - 14:05

Популярное сообщение!

Предложу 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;}

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

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

Сообщение отредактировал Юра Мамонтов: 02 November 2015 - 17:01

5

Наверх

#23 lukers

JBZoo User (rus)
Общий рейтинг: -0.8
сообщений: 77
топиков: 14

Отправлено 29 October 2015 - 19:32

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

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

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

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

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

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

а не в FULL

0

Наверх

#24 lukers

JBZoo User (rus)
Общий рейтинг: -0.8
сообщений: 77
топиков: 14

Отправлено 29 October 2015 - 19:44

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

engbk.ru

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