0
Помогите Новичку
Автор Diva, 10 авг. 2017 18:12
Сообщений в теме: 12
#1
Отправлено 10 Август 2017 - 18:12
Слайдер не работает. Переустановила, не помогло...
Исправьте пожалуйста, на на ДЕМО....
SL-420419
Исправьте пожалуйста, на на ДЕМО....
SL-420419
#2
Отправлено 10 Август 2017 - 18:21
Diva (10 Август 2017 - 18:12) писал:
Слайдер не работает. Переустановила, не помогло...
Исправьте пожалуйста, на на ДЕМО....
SL-420419
Исправьте пожалуйста, на на ДЕМО....
SL-420419
Здравствуйте.
В данном случае вам необходимо на вашем сайте произвести следующие изменения:
В бэк-офисе вашего интернет-магазина, в разделе Сайт -> Редактор шаблонов, в шаблоне 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 }); });
И замените его вот этим вот кодом:
// Слайдер на главной jQuery(function($) { var carouselU = $('#slider'); carouselU.owlCarousel({ pagination: false, navigation : true, itemsScaleUp : true, slideSpeed : 800, autoPlay: true, autoHeight: true, paginationSpeed : 400, items:1 }); });
#3
Отправлено 10 Август 2017 - 18:29
Внесла изменения.
Очистила историю.
Не помогает....
Очистила историю.
Не помогает....
#5
Отправлено 10 Август 2017 - 22:07
Правильно, это не так...
В демо, есть задержка и работает именно слайдер. А тут эффект диафильма.
Почему, то что есть "штатно" в демо режиме, тут.... после установки. Уже доставляет трудности?
В демо, есть задержка и работает именно слайдер. А тут эффект диафильма.
Почему, то что есть "штатно" в демо режиме, тут.... после установки. Уже доставляет трудности?
#6
Отправлено 11 Август 2017 - 01:39
Как сделать....
Надо в шапке под "Главная, Доставка, Оплата.... "
Под этими кнопками , разместить (из формы Настройки-Основные-телефоны на сайте; время работы магазина), телефоны и часы работы.
Если можно то с переменными, чтобы можно было в случае чего.... пододвинуть.
Надо в шапке под "Главная, Доставка, Оплата.... "
Под этими кнопками , разместить (из формы Настройки-Основные-телефоны на сайте; время работы магазина), телефоны и часы работы.
Если можно то с переменными, чтобы можно было в случае чего.... пододвинуть.
#7
Отправлено 15 Август 2017 - 08:43
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перед ним вставьте:
Далее зайдите в main.css и в самом конце пропишите:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
</div> </div> </div> </div> <!-- /END Шапка (логотип, каталог)--> <!-- Меню, Корзина, Поиск --> <div id="header-right"> <div class="header-right-mob"> <!-- Меню --> <div class="header-link">
перед ним вставьте:
<div class="telefon col-xs-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype"> </em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} {% IF SETTINGS_STORE_REGION %}<p class="adres"><em class="fa fa-map-marker"> </em><span class="ft-content">{SETTINGS_STORE_REGION}</span></p>{% ENDIF %} </div>
Далее зайдите в main.css и в самом конце пропишите:
.telefon {margin-top:20px;} .telefon p {display:inline-block;font-size:16px;padding:5px;}
#8
Отправлено 15 Август 2017 - 11:59
Спасибо! Вроде работает.
Вопрос опять таки со слайдером.... который не работает. Инструкция выше не помогла, кэш чистили, всё так же...
Вопрос опять таки со слайдером.... который не работает. Инструкция выше не помогла, кэш чистили, всё так же...
#10
Отправлено 16 Август 2017 - 02:11
Вот ссылка на демо... http://demo-sport.storeland.ru/
Слайдер меняется по тайм аут.... при наведении мыши видны стрелки "ручное управление".
Слайдер меняется по тайм аут.... при наведении мыши видны стрелки "ручное управление".
#11
Отправлено 16 Август 2017 - 09:22
Добрый день. Для внесения изменений зайдите в Редактор шаблонов--> main.js и найдите:
замените на:
// Слайдер на главной jQuery(function($) { var carouselU = $('#slider'); carouselU.owlCarousel({ pagination: false, navigation : true, itemsScaleUp : true, slideSpeed : 800, autoPlay: true, autoHeight: true, paginationSpeed : 400, items:1 }); });
замените на:
// Слайдер на главной jQuery(function($) { var carouselU = $('#slider'); carouselU.owlCarousel({ pagination: false, navigation : true, itemsScaleUp : true, autoplayTimeout : 2000, autoplay: true, autoHeight: true, paginationSpeed : 400, items:1 }); });
#12
Отправлено 16 Август 2017 - 12:06
Как регулировать скорость скорллинга? Есть список переменных?
Сделать более плавно. slideSpeed не работает.
Ещё раз про Демо....
Картинка меняется 1-2-1-2... и висит. Функции rePlay нет? Повтора?
При наведениии мыши нет стрелок....
Кусок кода из Демо....
<div class="owl-controls clickable">
<div class="owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
</div>
...............Добавил:
Какая переменная отвечает в слайдере, при наведении мыши остановить сценарий? Ну вот хочется рассмотреть, что же там такое....
И сделать на все картинки активные ссылки в "куда -то"....
Сделать более плавно. slideSpeed не работает.
Ещё раз про Демо....
Картинка меняется 1-2-1-2... и висит. Функции rePlay нет? Повтора?
При наведениии мыши нет стрелок....
Кусок кода из Демо....
<div class="owl-controls clickable">
<div class="owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
</div>
...............Добавил:
Какая переменная отвечает в слайдере, при наведении мыши остановить сценарий? Ну вот хочется рассмотреть, что же там такое....
И сделать на все картинки активные ссылки в "куда -то"....
#13
Отправлено 16 Август 2017 - 14:38
Diva (16 Август 2017 - 12:06) писал:
Как регулировать скорость скорллинга? Есть список переменных?
Сделать более плавно. slideSpeed не работает.
Ещё раз про Демо....
Картинка меняется 1-2-1-2... и висит. Функции rePlay нет? Повтора?
При наведениии мыши нет стрелок....
Кусок кода из Демо....
<div class="owl-controls clickable">
<div class="owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
</div>
...............Добавил:
Какая переменная отвечает в слайдере, при наведении мыши остановить сценарий? Ну вот хочется рассмотреть, что же там такое....
И сделать на все картинки активные ссылки в "куда -то"....
Сделать более плавно. slideSpeed не работает.
Ещё раз про Демо....
Картинка меняется 1-2-1-2... и висит. Функции rePlay нет? Повтора?
При наведениии мыши нет стрелок....
Кусок кода из Демо....
<div class="owl-controls clickable">
<div class="owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
</div>
...............Добавил:
Какая переменная отвечает в слайдере, при наведении мыши остановить сценарий? Ну вот хочется рассмотреть, что же там такое....
И сделать на все картинки активные ссылки в "куда -то"....
Здравствуйте.
Все параметры слайдера Вы можете посмотреть в документации первой версии, например здесь.
Параметры добавляются через запятую в шаблоне main.js (скриншот в приложении).
Чтобы добавить остановку слайдера при наведении мышки Вам нужно добавить параметр:
stopOnHover: true,
И чтобы сделать ссылки в шаблоне 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"> <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 Слайдер -->
Замените # на ссылку для каждого случая
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных