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


Добавить Слайдер


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

#1 Денис К.

Денис К.

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

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

Отправлено 09 Апрель 2018 - 18:46

Помогите новичку,  как добавить 4 слайдера.
По старым записям делал ни чего не выходит.
Аккаунт SL-448490  

#2 Vaccina

Vaccina

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

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

Отправлено 10 Апрель 2018 - 02:37

Здравствуйте.

Чтобы заменить существующие слайды зайдите в раздел Сайт - Редактор шаблонов - в левой колонке откройте файлы:
- slide1.jpg
- slide2.jpg

во всплывающем окне с картинкой нажмите "Заменить" и выберите свои изображения на ПК.

Чтобы добавить новые зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
				</div>
                
замените на:
<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
                
замените на:
<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide5.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide6.jpg?design=sport" /></a>
				</div>
                
далее зайдите в main.js - найдите:
// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
	carouselU.owlCarousel({
	  pagination: false,
	  navigation : true,
	  itemsScaleUp : true,
	  slideSpeed : 800,
	  autoPlay: true,
	  autoHeight: true,
	  paginationSpeed : 400,
	  singleItem:true,
	  items: 1
	});
});

замените на:
// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
	carouselU.owlCarousel({
	items:1,
	loop:true,
	autoplay:true,
	autoplayTimeout:3000,
	autoplayHoverPause:true
});
});


В раздел Сайт - Редактор шаблонов - загрузите новые баннеры:
- slide3.jpg
- slide4.jpg
- slide5.jpg
- slide6.jpg

#3 Денис К.

Денис К.

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

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

Отправлено 11 Апрель 2018 - 19:48

Снимок экрана (30).png Все с делал как вы говорили обновил Ctrl + F5 но слайдер не добавился?

#4 Ирина345

Ирина345

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

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

Отправлено 12 Апрель 2018 - 11:00

Просмотр сообщенияДенис К. (11 Апрель 2018 - 19:48) писал:

Прикрепленный файл Снимок экрана (30).pngВсе с делал как вы говорили обновил Ctrl + F5 но слайдер не добавился?
Здравствуйте, Вам необходимо в раздел Сайт-Редактор шаблонов добавить изображения для слайдера, через кнопку "Добавить файл".
Изображения должны иметь имя slide3.jpg  slide4.jpg  slide5.jpg




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

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