Сообщений в теме: 5

[Ash74]

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

Аккаунт SL-259633

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

[Mr.Nito]

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 %}

[Ash74]

Спасибо!

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

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

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



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

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

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

[Ash74]

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

[Ash74]

Up!

[Mr.Nito]

Ash74 (24 Октябрь 2017 - 13:13) писал:

Спасибо!

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

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

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

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

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

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

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

Карусель изменил согласно скриншоту.
Восстановите бэкап с каруселью от 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>