#1
Отправлено 06 Октябрь 2016 - 13:54
Заранее спасибо!! Аккаунт SL-386399
#2
Отправлено 06 Октябрь 2016 - 17:34
magiya1984 (06 Октябрь 2016 - 13:54) писал:
Заранее спасибо!! Аккаунт SL-386399
<!-- Скрипты для главной --> {% IF index_page %} <script> // Запуск основных скриптов для главной страницы $(function(){ indexPage(); }); <!-- Модальное окно уведомления при отправке сообщения -->замените на
<!-- Скрипты для главной --> {% IF index_page %} <link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script> <script> // Запуск основных скриптов для главной страницы $(function(){ indexPage(); }); $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); <!-- Модальное окно уведомления при отправке сообщения -->далее найдите
<div class="text"> <div class="title">Интернет магазин постельного белья</div> <a href="http://bellmarket.website/catalog" class="button big">Перейти в каталог</a> </div>
замените на
<div class="text"> <div class="flexslider"> <ul class="slides"> <li> <div class="title">Интернет магазин постельного белья</div> <a href="http://bellmarket.website/catalog" class="button big">Перейти в каталог</a> </li> <li>новый слайдер</li> </ul> </div> </div>
Все необходимые скрипты и стили Вам загрузили на сайт.
#3
Отправлено 06 Октябрь 2016 - 17:41
#4
Отправлено 06 Октябрь 2016 - 20:38
magiya1984 (06 Октябрь 2016 - 17:41) писал:
Все исходники нужно загрузить из инструкции в FAQ.
Далее произведите изменения из инструкции в сообщении 2, чтобы мы могли проверить наличие ошибки и исправить ее.
#5
Отправлено 06 Октябрь 2016 - 20:39
#6
Отправлено 06 Октябрь 2016 - 20:50
Danil (06 Октябрь 2016 - 20:38) писал:
Все исходники нужно загрузить из инструкции в FAQ.
Далее произведите изменения из инструкции в сообщении 2, чтобы мы могли проверить наличие ошибки и исправить ее.
мне надо чтобы двигался только текстовой блок как показано в первом сообщении
#7
Отправлено 07 Октябрь 2016 - 02:05
В необходимом месте HTML или другого шаблона разместите:
<div id="slide_content" class="main-block animated" data-animation="fadeInUp" data-delay="0"> <div class="container"> <h2 class="title">Слайдер текста</h2> <div class="navigation"> <a href="#" class="prev"><i class="fa fa-angle-left"></i></a> <a href="#" class="next"><i class="fa fa-angle-right"></i></a> </div> <div class="slide_block"> <div class="item"> <div class="content"> Текст 1 </div> </div> <div class="item"> <div class="content"> Текст 2 </div> </div> <div class="item"> <div class="content"> Текст 3 </div> </div> </div> </div> </div>
текст и заголовок замените на необходимое(кроме текста можно вставлять ссылки, картинки и прочее).
В main.js найдите:
// Новости на главной jQuery(function($) { var carouselU = $('#news .block-news'); carouselU.owlCarousel({ singleItem: true, lazyLoad: true, pagination: false, navigation: true, itemsScaleUp: true, slideSpeed: 800, stopOnHover: true, touchDrag: true, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('.related-goods .navigation a').show(); }else{ $('.related-goods .navigation a').hide(); } } }); jQuery('#news .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('#news .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); });
после него пропишите:
// Слайдер текста jQuery(function($) { var carouselU = $('#slide_content .slide_block'); carouselU.owlCarousel({ singleItem: true, lazyLoad: true, pagination: false, navigation: true, itemsScaleUp: true, slideSpeed: 800, stopOnHover: true, touchDrag: true, autoPlay: false, addClassActive: true, autoHeight: true }); jQuery('#slide_content .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('#slide_content .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); });
В main.css найдите:
#news .navigation {display: none;} #news .owl-buttons .owl-prev, #news .owl-buttons .owl-next {position: absolute;cursor: pointer;display: block;width: 30px;height: 55px;top: 25%;text-indent: -999px;background: url('{ASSETS_IMAGES_PATH}arrow.png?design=eclipse') center no-repeat;overflow: hidden;} #news .owl-buttons .owl-prev { background-position: -15px -33px;float: left;left: 15px;} #news .owl-buttons .owl-next { background-position: -75px -33px;float: right;right: 15px;}
замените на:
#news .navigation, #slide_content .navigation{display: none;} #news .owl-buttons .owl-prev, #news .owl-buttons .owl-next, #slide_content .owl-buttons .owl-prev, #slide_content .owl-buttons .owl-next {position: absolute;cursor: pointer;display: block;width: 30px;height: 55px;top: 25%;text-indent: -999px;background: url('{ASSETS_IMAGES_PATH}arrow.png?design=eclipse') center no-repeat;overflow: hidden;} #news .owl-buttons .owl-prev, #slide_content .owl-buttons .owl-prev { background-position: -15px -33px;float: left;left: 15px;} #news .owl-buttons .owl-next, #slide_content .owl-buttons .owl-next { background-position: -75px -33px;float: right;right: 15px;}
Результат:
Код и файлы от стороннего слайдера, что вы ставили выше можно удалить, если будете использовать данный вариант.
#8
Отправлено 07 Октябрь 2016 - 10:00
#9
Отправлено 07 Октябрь 2016 - 10:11
#10
Отправлено 07 Октябрь 2016 - 11:20
#12
Отправлено 07 Октябрь 2016 - 12:16
http://forum.storela...ой/#entry249632
Поможет реализовать данную задачу, в инструкции используется "Текст 1", "Текст 2" и так далее, вместо него просто подставляем необходимую информацию(текст, картинки, ссылки) с кнопкой =)
Где вы его хотите разместить?
#13
Отправлено 07 Октябрь 2016 - 12:26
не то это всё Ирина 345 знает она делала уже.
#14
Отправлено 07 Октябрь 2016 - 15:05
magiya1984 (07 Октябрь 2016 - 12:26) писал:
не то это всё Ирина 345 знает она делала уже.
#15
Отправлено 07 Октябрь 2016 - 15:28
#16
Отправлено 07 Октябрь 2016 - 15:40
magiya1984 (07 Октябрь 2016 - 15:28) писал:
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 60px; margin: -20px -110px 0; position: absolute; top: 50%; z-index: 10; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
замените на
.flex-direction-nav a { text-decoration: none; display: block; width: 112px; height: 60px; margin: -20px -110px 0; position: absolute; top: 50%; z-index: 10; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
далее найдите в шаблоне HTML
$('.flexslider').flexslider({ animation: "slide" });
замените на
$('.flexslider').flexslider({ animation: "slide", prevText: "", nextText: "" });
#17
Отправлено 07 Октябрь 2016 - 15:50
Темы с аналогичным тегами слайдер
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сказка →
Главная →
Убираем Цветной Баннер На СлайдереАвтор Гость_Foxis_10_* , 17 февр. 2021 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Нептун →
Главная →
Изменение Главного Баннера На СлайдерАвтор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сканди →
Изменение общей стилистики →
Изменение СлайдераАвтор Гость_TYURIKOFF_* , 21 марта 2019 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Изменение общей стилистики →
Настройка СлайдераАвтор Гость_tovmarket_* , 30 окт. 2018 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Рассвет →
Как Изменить Расположение Объектов На Первом ЭкранеАвтор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных