Каким образом можно добавить второй блок слайдера между блоками указанными на скрине? Размер блока слайдера аналогичен границам верстки смежных (сверху, снизу) блоков. Слайды в этом слайдере должны задаваться отдельно от слайдов в шапке.
SL-435268
0
Добавить Второй Слайдер (Не Слайд) На Главную
Автор ivanov, 20 февр. 2018 17:29
слайдер лето второй сладйр
Сообщений в теме: 4
#1
Отправлено 20 Февраль 2018 - 17:29
#2
Отправлено 21 Февраль 2018 - 09:55
ivanov (20 Февраль 2018 - 17:29) писал:
Каким образом можно добавить второй блок слайдера между блоками указанными на скрине? Размер блока слайдера аналогичен границам верстки смежных (сверху, снизу) блоков. Слайды в этом слайдере должны задаваться отдельно от слайдов в шапке.
SL-435268
SL-435268
Добавил в шаблоне HTML
перед
<!-- Информационный блок -->код
<!-- Jssor Slider Слайдер --> {% IF index_page %} <div id="slideshow-2"> <div class="container"> <div id="slider-2"> <!-- Slides Container --> <div u="slides" class="slides_container owl-carousel owl-theme"> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide5.png" /></a> </div> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide5.png" /></a> </div> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span> </div> </div> </div> <script> $(function(){ var carouselU = $('#slider-2 .slides_container'); carouselU.owlCarousel({ items: 1, itemsDesktop: [1199,3], itemsDesktopSmall: [991,2], itemsTablet: [767,2], itemsTabletSmall: [641,1], itemsMobile: [481,1], responsive: true, responsiveRefreshRate : 200, responsiveBaseWidth: window, lazyLoad: true, pagination: false, itemsScaleUp: true, slideSpeed: 800, stopOnHover: true, touchDrag: true, autoPlay: false, addClassActive: true, autoHeight: true }); jQuery('#slider-2 .jssora21l').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('#slider-2 .jssora21r').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); }) </script> {% ENDIF %} <!-- /END Jssor Slider Слайдер -->
#3
Отправлено 21 Февраль 2018 - 14:41
Отлично, все получилось, спасибо!
Две просьбы по данному слайдеру:
- сделать отступ перед следующим снизу блоком (первый скрин)
- добавить автоматическую прокрутку с задаваемым временем смены слайдов
Вопросы по верхнему слайдеру. Сбился курсор смены слайда вправо (скрин два), как поправить? И, если есть возможность, сделать автоматическую прокрутку слайдов с задаваемым временем смены, как добавить её и в этот слайдер?
Две просьбы по данному слайдеру:
- сделать отступ перед следующим снизу блоком (первый скрин)
- добавить автоматическую прокрутку с задаваемым временем смены слайдов
Вопросы по верхнему слайдеру. Сбился курсор смены слайда вправо (скрин два), как поправить? И, если есть возможность, сделать автоматическую прокрутку слайдов с задаваемым временем смены, как добавить её и в этот слайдер?
#4
Отправлено 21 Февраль 2018 - 15:03
ivanov (21 Февраль 2018 - 14:41) писал:
Отлично, все получилось, спасибо!
Две просьбы по данному слайдеру:
- сделать отступ перед следующим снизу блоком (первый скрин)
- добавить автоматическую прокрутку с задаваемым временем смены слайдов
Вопросы по верхнему слайдеру. Сбился курсор смены слайда вправо (скрин два), как поправить? И, если есть возможность, сделать автоматическую прокрутку слайдов с задаваемым временем смены, как добавить её и в этот слайдер?
Две просьбы по данному слайдеру:
- сделать отступ перед следующим снизу блоком (первый скрин)
- добавить автоматическую прокрутку с задаваемым временем смены слайдов
Вопросы по верхнему слайдеру. Сбился курсор смены слайда вправо (скрин два), как поправить? И, если есть возможность, сделать автоматическую прокрутку слайдов с задаваемым временем смены, как добавить её и в этот слайдер?
Отображение поправил
Для верхнего слайда задана автопрокрутка через 4 секунды
Для нижнего 3 секунды
Пример на скриншотах
Отступ в строке
#slider-2 {position: relative;margin-bottom: 15px;}
#5
Отправлено 21 Февраль 2018 - 15:34
Несколько лет не пользовался Storeland, когда пришлось искать вариант для магазинчика посмотрел отзывы о нескольких площадках и в т.ч последние об этой. Были отзывы, что увеличилось время ответа от тех. поддержки, сутки и более и это ужас, ужас.)
Реальность говорит об обратном, такой скорости ответа не было и в 2015.
Спасибо, спасибо.)
Реальность говорит об обратном, такой скорости ответа не было и в 2015.
Спасибо, спасибо.)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных