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


Добавить Второй Слайдер (Не Слайд) На Главную

слайдер лето второй сладйр

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 ivanov

ivanov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 78 сообщений

Отправлено 20 Февраль 2018 - 17:29

Каким образом можно добавить второй блок слайдера между блоками указанными на скрине? Размер блока слайдера аналогичен границам верстки смежных (сверху, снизу) блоков. Слайды в этом слайдере должны задаваться отдельно от слайдов в шапке.
SL-435268

Прикрепленные изображения

  • scrn200218.jpg


#2 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 21 Февраль 2018 - 09:55

Просмотр сообщенияivanov (20 Февраль 2018 - 17:29) писал:

Каким образом можно добавить второй блок слайдера между блоками указанными на скрине? Размер блока слайдера аналогичен границам верстки смежных (сверху, снизу) блоков. Слайды в этом слайдере должны задаваться отдельно от слайдов в шапке.
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 ivanov

ivanov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 78 сообщений

Отправлено 21 Февраль 2018 - 14:41

Отлично, все получилось, спасибо!

Две просьбы по данному слайдеру:
- сделать отступ перед следующим снизу блоком (первый скрин)
- добавить автоматическую прокрутку с задаваемым временем смены слайдов

Вопросы по верхнему слайдеру. Сбился курсор смены слайда вправо (скрин два), как поправить? И, если есть возможность, сделать автоматическую прокрутку слайдов с задаваемым временем смены, как добавить её и в этот слайдер?

Прикрепленные изображения

  • scrn210218-1.jpg
  • scrn210218-2.jpg


#4 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 21 Февраль 2018 - 15:03

Просмотр сообщенияivanov (21 Февраль 2018 - 14:41) писал:

Отлично, все получилось, спасибо!

Две просьбы по данному слайдеру:
- сделать отступ перед следующим снизу блоком (первый скрин)
- добавить автоматическую прокрутку с задаваемым временем смены слайдов

Вопросы по верхнему слайдеру. Сбился курсор смены слайда вправо (скрин два), как поправить? И, если есть возможность, сделать автоматическую прокрутку слайдов с задаваемым временем смены, как добавить её и в этот слайдер?

Отображение поправил

Для верхнего слайда задана автопрокрутка через 4 секунды

Для нижнего 3 секунды

Пример на скриншотах

Отступ в строке

#slider-2 {position: relative;margin-bottom: 15px;}

Прикрепленные изображения

  • 21-02-2018 15-01-14.png
  • 21-02-2018 15-01-32.png


#5 ivanov

ivanov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 78 сообщений

Отправлено 21 Февраль 2018 - 15:34

Несколько лет не пользовался Storeland, когда пришлось искать вариант для магазинчика посмотрел отзывы о нескольких площадках и в т.ч последние об этой. Были отзывы, что  увеличилось время ответа от тех. поддержки, сутки  и более и это ужас, ужас.)

Реальность говорит об обратном, такой скорости ответа не было и в 2015.

Спасибо, спасибо.)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных