Перейти к содержимому


Фотография
* * * * * 1 Голосов

Скроллинг related auto


  • Закрытая тема Тема закрыта
Сообщений в теме: 26

#1 inte

inte

Отправлено 25 September 2015 - 12:13

Здравствуйте уважаемые!

Захотел сделать так, чтобы похожие товары отображались одной строкой, но, например, по 6-15 штук в ряд. То есть видимых, например, было 3, а остальные можно было бы прокручивать.

 

Может ли кто-то подсказать как это реализовать с JBZoo?


  • 0

#2 SmetDenis

SmetDenis

Отправлено 25 September 2015 - 15:03

Можно переверстать related шаблон так чтобы он подходил под какой-нибудь jQuery-слайдер.
Самый просто вариант добавить скроллинг - использовать CSS

Добавить обрамляющий стиль

Например, так в нашей документации сделан скролл для блока с кодом.
max-width: 100%;
overflow: auto !important;
overflow-y: hidden;
max-height: 460px;

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



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


#3 isay777

isay777

Отправлено 25 September 2015 - 17:23

Я собираюсь приделать owl на днях. Подождете пару дней сделаю рецепт.
  • 2
ХОСТИНГ для сайтов jbzoo (все попугаи)

#4 inte

inte

Отправлено 25 September 2015 - 21:43

Я собираюсь приделать owl на днях. Подождете пару дней сделаю рецепт.

 
Очень даже подожду )
  • 0

#5 isay777

isay777

Отправлено 26 September 2015 - 15:50

Можно переверстать related шаблон так чтобы он подходил под какой-нибудь jQuery-слайдер.
Самый просто вариант добавить скроллинг - использовать CSS

Добавить обрамляющий стиль

Например, так в нашей документации сделан скролл для блока с кодом.

max-width: 100%;
overflow: auto !important;
overflow-y: hidden;
max-height: 460px;

 

 

Денис подскажи откуда берется этот код? 

 

cb9d6cdc3ba83a3368fc9613b0ed4167.png

 

Я перерыл все и не нашел. 

Вот так выглядит мой релейтед 

echo '<div id="owl-demo" class="owl-carousel owl-theme">';
echo '<div class="item">' . $item . '</div>' ;

echo '</div>';

}

Больше там нечего нет всё удалил.  Откуда оно берется? 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#6 Na_uM

Na_uM

Отправлено 26 September 2015 - 15:58

http://forum.jbzoo.c...zoo-item-teaser


  • 2

#7 inte

inte

Отправлено 26 September 2015 - 17:14

Кстати для себя только что обнаружил, что ЮИкит таки обеспечивает возможность реализации слайдера: http://getuikit.com/docs/slider.html


  • 0

#8 isay777

isay777

Отправлено 26 September 2015 - 20:24

 

Спасибо. 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#9 inte

inte

Отправлено 05 October 2015 - 16:21

Я собираюсь приделать owl на днях. Подождете пару дней сделаю рецепт.

Здравствуйте! Скажите, у вас что-то получилось?


  • 0

#10 Vseprosto

Vseprosto

Отправлено 05 October 2015 - 16:37

Подключите плагин Tiny Carousel если смотреть по примеру до достаточно просто его подключите


  • 0




Click to return to top of page in style!