Помогите новичку, как добавить 4 слайдера.
По старым записям делал ни чего не выходит.
Аккаунт SL-448490
0
Добавить Слайдер
Автор Денис К., 09 апр. 2018 18:46
Сообщений в теме: 3
#1
Отправлено 09 Апрель 2018 - 18:46
#2
Отправлено 10 Апрель 2018 - 02:37
Здравствуйте.
Чтобы заменить существующие слайды зайдите в раздел Сайт - Редактор шаблонов - в левой колонке откройте файлы:
- slide1.jpg
- slide2.jpg
во всплывающем окне с картинкой нажмите "Заменить" и выберите свои изображения на ПК.
Чтобы добавить новые зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
замените на:
далее зайдите в main.js - найдите:
замените на:
В раздел Сайт - Редактор шаблонов - загрузите новые баннеры:
- slide3.jpg
- slide4.jpg
- slide5.jpg
- slide6.jpg
Чтобы заменить существующие слайды зайдите в раздел Сайт - Редактор шаблонов - в левой колонке откройте файлы:
- 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
#4
Отправлено 12 Апрель 2018 - 11:00
Денис К. (11 Апрель 2018 - 19:48) писал:
Снимок экрана (30).pngВсе с делал как вы говорили обновил Ctrl + F5 но слайдер не добавился?
Изображения должны иметь имя slide3.jpg slide4.jpg slide5.jpg
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных