Правка Слайдера
#1
Отправлено 29 Январь 2018 - 14:45
Есть три слайдера. Меняются два первых нормально, а третий slide3.jpg, сколько не меняю картинка остаётся одна и та-же.
Помогите заменить картинку и сделать так, чтобы в будущем можно было поменять(уже обращался с этим вопросом в форум- картинку поменяли, но в следующий раз уже не заменяется).
#2
Отправлено 29 Январь 2018 - 15:58
Кайман (29 Январь 2018 - 14:45) писал:
Есть три слайдера. Меняются два первых нормально, а третий slide3.jpg, сколько не меняю картинка остаётся одна и та-же.
Помогите заменить картинку и сделать так, чтобы в будущем можно было поменять(уже обращался с этим вопросом в форум- картинку поменяли, но в следующий раз уже не заменяется).
Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий код:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <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}pb3.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"> <img u="image" src="{ASSETS_IMAGES_PATH}pb3.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер -->
И замените его вот этим кодом:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <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> </div> <!-- /END Slider Слайдер -->
#3
Отправлено 02 Февраль 2018 - 13:54
#4
Отправлено 03 Февраль 2018 - 13:38
#5
Отправлено 03 Февраль 2018 - 14:38
Кайман (03 Февраль 2018 - 13:38) писал:
Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий блок кода:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <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> <!-- /END Slider Слайдер -->
И в нём заместо данных символов: # - пропишите, пожалуйста, требуемые Вам ссылки на товары.
#6
Отправлено 14 Февраль 2018 - 12:31
#7
Отправлено 22 Февраль 2018 - 04:44
Установил слайдер Nivo, но не могу его запустить...
Помогите исправить, заранее спасибо!
SL-444876
#8
Отправлено 22 Февраль 2018 - 14:38
User56rus (22 Февраль 2018 - 04:44) писал:
Установил слайдер Nivo, но не могу его запустить...
Помогите исправить, заранее спасибо!
SL-444876
Здравствуйте.
В данном случае попробуйте, пожалуйста, на Вашем сайте произвести следующие изменения:
В шаблоне 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({ pagination: false, navigation : true, itemsScaleUp : true, slideSpeed : 800, autoplay: true, autoHeight: true, paginationSpeed : 400, singleItem:true, items:1, nav: true, rewind:true }); }); // Товары на главной
#9
Отправлено 04 Март 2018 - 00:03
#11
Отправлено 03 Апрель 2018 - 17:41
1.Как добавить слайдер что-бы было 5 слайдеров.
2. Как с делать что-бы слайдер перелистывался сам.
#12
Отправлено 12 Апрель 2018 - 10:58
Денис К. (03 Апрель 2018 - 17:41) писал:
1.Как добавить слайдер что-бы было 5 слайдеров.
2. Как с делать что-бы слайдер перелистывался сам.
1. Как я вижу данный вопрос уже решен.
2. Автопрокрутка слайдера у Вас установлена.
#13
Отправлено 26 Май 2018 - 00:19
P.S. не разобрался, как вставлять картинку
#14
Отправлено 27 Май 2018 - 19:01
AlexSar (26 Май 2018 - 00:19) писал:
P.S. не разобрался, как вставлять картинку
<!-- /END Хлебные крошки -->код
{% IF index_page %} <!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <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> </div> <!-- /END Slider Слайдер --> {% ENDIF %}Используйте изображение шириной 1920
#15
Отправлено 12 Июль 2018 - 17:53
// Слайдер на главной
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,
nav: true,
rewind:true
});
});
// Товары на главной
#16
Отправлено 12 Июль 2018 - 19:48
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных