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


Как Изменить Ссылку На Страницу В Слайдере И Сделать Слайдер Интерактивным


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

#1 elenagriss

elenagriss

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

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

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

Добрый день. Мой аккаунт  SL-105265.
1. В шаблоне хобби нужно в слайдере на первом фото поставить ссылку вот на эту страницу: https://redpandakorolev.ru/page/adress
Как это сделать?
2. Можно ли слайдер в этом шаблоне сделать интерактивным (чтобы происходила сама смена фото и текста) - сейчас нужно нажимать на стрелочки, чтобы была смена....

#2 stasia

stasia

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

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

Отправлено 17 Февраль 2020 - 12:28

Просмотр сообщенияelenagriss (15 Февраль 2020 - 21:58) писал:

Добрый день. Мой аккаунт  SL-105265.
1. В шаблоне хобби нужно в слайдере на первом фото поставить ссылку вот на эту страницу: https://redpandakorolev.ru/page/adress
Как это сделать?
2. Можно ли слайдер в этом шаблоне сделать интерактивным (чтобы происходила сама смена фото и текста) - сейчас нужно нажимать на стрелочки, чтобы была смена....

Здравствуйте. Зайдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:

					<div class="slide-title">Приходите в гости в наш уютный магазинчик</div>
					<a href="{ADRESS_URL}" class="slide-button">Смотреть <i class="svg-arrow-right"></i></a>
				  </div>
				  <div class="slider-image">
					<img class="lozad" data-src="{ASSETS_IMAGES_PATH}slide1.jpg" />

Замените его на:

					<div class="slide-title">Приходите в гости в наш уютный магазинчик</div>
					<a href="/page/adress" class="slide-button">Смотреть <i class="svg-arrow-right"></i></a>
				  </div>
				  <div class="slider-image">
					<img class="lozad" data-src="{ASSETS_IMAGES_PATH}slide1.jpg" />


Найдите данный код:

  /*Запуск основного слайдера*/
  $('#index-slider .owl-carousel').owlCarousel({
	loop:true,
	animateOut: 'fadeOut',
	animateIn: 'fadeIn',
	margin:0,
	autoHeight: false,
	mouseDrag: false,
	autoplay: true,
	autoplayTimeout: '100000',
	autoplayHoverPause: true,
	nav:true,
	dots:false,
	lazyLoad: true,
	items:1,
  })

И замените его на:

  /*Запуск основного слайдера*/
  $('#index-slider .owl-carousel').owlCarousel({
	loop:true,
	animateOut: 'fadeOut',
	animateIn: 'fadeIn',
	margin:0,
	autoHeight: false,
	mouseDrag: false,
	autoplay: true,
	autoplayTimeout: '5000',
	autoplayHoverPause: true,
	nav:true,
	dots:false,
	lazyLoad: true,
	items:1,
  })





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

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