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


Изменить Слайдер На Главной Странице

слайдер главная страница

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

#1 Ash74

Ash74

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородЧелябинск

Отправлено 19 Октябрь 2017 - 21:48

Доброго времени суток!

Аккаунт SL-259633

Прошу помочь с установкой "Nivo Slider" на главную. Слайдер уже изменялся, сейчас там не дефолтный. Нужна помощь, т.к. сам напортачу 100%.

#2 Mr.Nito

Mr.Nito

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

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

Отправлено 20 Октябрь 2017 - 11:52

Просмотр сообщенияAsh74 (19 Октябрь 2017 - 21:48) писал:

Доброго времени суток!

Аккаунт SL-259633

Прошу помочь с установкой "Nivo Slider" на главную. Слайдер уже изменялся, сейчас там не дефолтный. Нужна помощь, т.к. сам напортачу 100%.
Установил уже подключенный к сайту слайдер  owl-carousel, чтобы не нагружать дополнительно главную страницу.

В шаблоне HTML
	<!-- Слайдер на главной -->
	{% IF index_page %}
	<div id="slideshow">
	<div id="owl-slider" class="owl-carousel owl-theme">
		<div><img src="{ASSETS_IMAGES_PATH}slide1.png" alt="" title="" /></div>
		<div><img src="{ASSETS_IMAGES_PATH}slide2.png" alt="" title="" /></div>
		<div><img src="{ASSETS_IMAGES_PATH}slide3.png" alt="" title="" /></div>
		<div><img src="{ASSETS_IMAGES_PATH}slide4.png" alt="" title="" /></div>
	</div>
	</div>
	<script>
	  $(document).ready(function() {
		  $("#owl-slider").owlCarousel({
			singleItem: true,
			autoPlay: true
		  });
	  });	  
	</script>
	{% ENDIF %}


#3 Ash74

Ash74

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородЧелябинск

Отправлено 24 Октябрь 2017 - 13:13

Спасибо!

Теперь прошу помочь настроить эту "Карусель" :rolleyes:

1. Увеличить количество слайдов до 5-6 штук. Покажите, как регулировать их количество?

2. Изменить поведение слайдера: 1 слайд всегда отображается на экране, 2 других меняются.Под слайдером - навигация. Вот как это должно выглядеть в итоге:

Слайдер - КАК НАДО СДЕЛАТЬ.png

3. Добавить ссылки со слайдов на конкретные страницы сайта. Как я помню, нужно что-то отредактировать в этих строках? Напомните пожалуйста.

<div><img src="{ASSETS_IMAGES_PATH}slide1.png" alt="" title="" /></div>

Не занимался сайтом некоторое время, всё забыл :blink: Прошу профессиональной помощи B)

#4 Ash74

Ash74

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородЧелябинск

Отправлено 25 Октябрь 2017 - 08:02

Добрый день! Вопрос ещё актуален :rolleyes:

#5 Ash74

Ash74

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородЧелябинск

Отправлено 27 Октябрь 2017 - 08:15

Up!

#6 Mr.Nito

Mr.Nito

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

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

Отправлено 27 Октябрь 2017 - 11:32

Просмотр сообщенияAsh74 (24 Октябрь 2017 - 13:13) писал:

Спасибо!

Теперь прошу помочь настроить эту "Карусель" :rolleyes:

1. Увеличить количество слайдов до 5-6 штук. Покажите, как регулировать их количество?

2. Изменить поведение слайдера: 1 слайд всегда отображается на экране, 2 других меняются.Под слайдером - навигация. Вот как это должно выглядеть в итоге:

Прикрепленный файл Слайдер - КАК НАДО СДЕЛАТЬ.png

3. Добавить ссылки со слайдов на конкретные страницы сайта. Как я помню, нужно что-то отредактировать в этих строках? Напомните пожалуйста.

<div><img src="{ASSETS_IMAGES_PATH}slide1.png" alt="" title="" /></div>

Не занимался сайтом некоторое время, всё забыл :blink: Прошу профессиональной помощи B)

Карусель изменил согласно скриншоту.
Восстановите бэкап с каруселью от 27.10.2017 11:28:45

1. В шаблоне HTML

заменяйте

<div id="slideshow">
<div id="owl-slider" class="owl-carousel owl-theme">
<div><img src="{ASSETS_IMAGES_PATH}slide-1-min.png" alt="" title="" /></div>
<div><img src="{ASSETS_IMAGES_PATH}slide-1-min.png" alt="" title="" /></div>
на

<div id="slideshow">
<div id="owl-slider" class="owl-carousel owl-theme">
	 <div><img src="{ASSETS_IMAGES_PATH}slide-1-min.png" alt="" title="" /></div>
	 <div><img src="{ASSETS_IMAGES_PATH}slide-2-min.png" alt="" title="" /></div>
	 <div><img src="{ASSETS_IMAGES_PATH}slide-3-min.png" alt="" title="" /></div>

Загружая соответствующие изображения в редактор



3. Для установки ссылки замените
<div><img src="{ASSETS_IMAGES_PATH}slide1.png" alt="" title="" /></div>
на
<div><a href=" ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}slide1.png" alt="" title="" /></a></div>






Темы с аналогичным тегами слайдер, главная страница

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

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