Главная ,баннер..
#1
Отправлено 09 Январь 2017 - 18:01
Как в баннере автопрокрутку сделать? )
Аккаунт SL-404755
#2
Отправлено 09 Январь 2017 - 20:53
magnit (09 Январь 2017 - 18:01) писал:
Как в баннере автопрокрутку сделать? )
Аккаунт SL-404755
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
owl.owlCarousel({ items: 1, navigation : true, touchDrag: true, mouseDrag: false, autoplay: false, autoplayHoverPause: true, smartSpeed: 800, loop: true });
Замените на:
owl.owlCarousel({ items: 1, navigation : true, touchDrag: true, mouseDrag: false, autoplay: true, autoplayHoverPause: true, smartSpeed: 800, loop: true });
#3
Отправлено 10 Январь 2017 - 05:33
#4
Отправлено 11 Январь 2017 - 18:01
При добавлении новости баннер рассыпается((
#6
Отправлено 12 Январь 2017 - 04:41
Danil (11 Январь 2017 - 19:55) писал:
Попробовал добавить новость, все работает корректно.
Опишите более подробно, какие действия нужно произвести, чтобы появилась ошибка.
Добавьте новость в раздел "новости магазина" .. При добавлении в остальные разделы все нормально.
#7
Отправлено 13 Январь 2017 - 20:00
magnit (12 Январь 2017 - 04:41) писал:
Здравствуйте, данная проблема возникает если в слайдере новостей всего одна новость (необходимо отключить цикличное прокручивание слайдов), чтобы исправить это необходимо обновить код в main.js
Находим
// Новости на главной jQuery(function($) { var owl = $('#news .block-news'); // Показывать\Скрывать навигацию owl.on('initialized.owl.carousel changed.owl.carousel', function(event) { var items = event.item.count; var size = event.page.size; if (items < size){ $('#news .navigation').hide(); } else { $('#news .navigation').show(); } }); owl.owlCarousel({ items: 1, navigation : true, touchDrag: true, mouseDrag: false, autoplay: false, autoplayHoverPause: true, autoHeight: true, smartSpeed: 800, loop: true }); // Кнопки навигации $('#news .navigation .next').click(function(event) { event.preventDefault(); owl.trigger('next.owl.carousel'); }); $('#news .navigation .prev').click(function(event) { event.preventDefault(); owl.trigger('prev.owl.carousel'); }); });
Заменяем на
// Новости на главной jQuery(function($) { var owl = $('#news .block-news'); // Показывать\Скрывать навигацию owl.on('initialized.owl.carousel changed.owl.carousel', function(event) { var items = event.item.count; if (items < 2){ $('#news .navigation').hide(); } else { $('#news .navigation').show(); } }); owl.owlCarousel({ items: 1, navigation : true, touchDrag: true, mouseDrag: false, autoplay: false, autoplayHoverPause: true, autoHeight: true, smartSpeed: 800, loop: false }); // Кнопки навигации $('#news .navigation .next').click(function(event) { event.preventDefault(); owl.trigger('next.owl.carousel'); }); $('#news .navigation .prev').click(function(event) { event.preventDefault(); owl.trigger('prev.owl.carousel'); }); });
Если вы добавите больше новостей, то можно будет включить цикличное прокручивание новостей, изменив параметр
loop: falseНа
loop: true
#8
Отправлено 13 Январь 2017 - 20:12
#9
Отправлено 20 Январь 2017 - 08:04
Как в новостном баннере убрать цифру "19" ?
#10
Отправлено 20 Январь 2017 - 09:35
magnit (20 Январь 2017 - 08:04) писал:
Как в новостном баннере убрать цифру "19" ?
В разделе Сайт - Редактор шаблонов- файл main.css
замените
news .item .date .d-day {display: block;position: relative;top: 20px;font-size: 34px;color: #000;font-family: 'Oranienbaum', serif;}
на
#news .item .date .d-day {display: block;position: relative;visibility: hidden;top: 20px;font-size: 34px;color: #000;font-family: 'Oranienbaum', serif;}
#11
Отправлено 20 Январь 2017 - 10:47
...Там еще цифра "01" просвечивает .. Помогите убрать..
#12
Отправлено 20 Январь 2017 - 10:59
magnit (20 Январь 2017 - 10:47) писал:
...Там еще цифра "01" просвечивает .. Помогите убрать..
#news .item .date .d-month {display: block;position: relative;top: 14px;font-size: 18px;color: #fff;font-family: 'Oranienbaum', serif;}замените на
#news .item .date .d-month {display: block;position: relative;top: 14px;font-size: 18px;color: #fff;font-family: 'Oranienbaum', serif;visibility: hidden;}
#13
Отправлено 20 Январь 2017 - 11:08
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных