Юля123 (16 Ноябрь 2015 - 13:49) писал:
0
Карусель Брендов В Левое Меню
Автор sibulba, 14 апр. 2015 22:56
Сообщений в теме: 30
#21
Отправлено 17 Ноябрь 2015 - 16:15
На сколько я вижу, это тот же слайдер. Тогда Вам необходимо загрузить файлы, которые указаны в сообщении №4.
#22
Отправлено 18 Ноябрь 2015 - 11:36
korki (17 Ноябрь 2015 - 16:15) писал:
Так что нужно сделать после того как загрузил файлы?
Здравствуйте, протестировала данный слайдер на вашем шаблоне, к сожалению,такой слайдер поставить не получится (работает некорректно), но вместо него могу предложить установить другой слайдер.
Чтобы установить другой слайдер, удалите файлы для установки
- tinycarousel.css
- jquery.tinycarousel.js
- jquery.tinycarousel.min.js
Из шаблона HTML удалите код:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery-1.4.2.min.js"></script>
А так же:
<script type="text/javascript"> $(document).ready(function() { $('#slider1').tinycarousel({ axis : "y" , animation : true , interval: true }); }); </script> <div id="slider1"> <a class="buttons prev" href="#"><</a> <div class="viewport"> <ul class="overview"> <li><img src="{ASSETS_IMAGES_PATH}sboku.jpg" /></li> <li><img src="{ASSETS_IMAGES_PATH}sboku2.jpg" /></li> </ul> </div> <a class="buttons next" href="#">></a> </div>
Устанавливаем другой слайдер:
1) скачайте файл:
adaptive_slider_na_css3_and_jquery.zip 6,7К 109 Количество загрузок:
2) разархивируйте его и добавьте файлы (slider и jquery.flexslider-min ) в ваш шаблон.
3) после кода:
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}jquerymin_1.11.1.js?design=chameleon"></script>
добавьте код:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}slider.css" type="text/css" />
4) затем поле кода:
<!-- /Каталог товаров -->
добавьте код:
<!-- Слайдер Карусель Брендов --> <div align=center><div class="flex-container"> <div class="slider_brand"> <ul class="slides"> <li> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" /></a> </li> <li> <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" /> </li> </ul> </div> </div> </div> <script> $(document).ready(function () { $('.slider_brand').flexslider({ animation: 'fade', controlsContainer: '.flexslider' }); }); </script> <!-- /Слайдер Карусель Брендов-->
Замените ссылки на изображения на нужные Вам.
слайдер будет Выглядеть следующим образом:
#23
Отправлено 18 Ноябрь 2015 - 18:21
Юля123 (18 Ноябрь 2015 - 11:36) писал:
Здравствуйте, протестировала данный слайдер на вашем шаблоне, к сожалению,такой слайдер поставить не получится (работает некорректно), но вместо него могу предложить установить другой слайдер.
Чтобы установить другой слайдер, удалите файлы для установки
- tinycarousel.css
- jquery.tinycarousel.js
- jquery.tinycarousel.min.js
Из шаблона HTML удалите код:
А так же:
Устанавливаем другой слайдер:
1) скачайте файл:
adaptive_slider_na_css3_and_jquery.zip
2) разархивируйте его и добавьте файлы (slider и jquery.flexslider-min ) в ваш шаблон.
3) после кода:
добавьте код:
4) затем поле кода:
добавьте код:
Замените ссылки на изображения на нужные Вам.
слайдер будет Выглядеть следующим образом:
QIP Shot - Screen 001.png
Чтобы установить другой слайдер, удалите файлы для установки
- tinycarousel.css
- jquery.tinycarousel.js
- jquery.tinycarousel.min.js
Из шаблона HTML удалите код:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery-1.4.2.min.js"></script>
А так же:
<script type="text/javascript"> $(document).ready(function() { $('#slider1').tinycarousel({ axis : "y" , animation : true , interval: true }); }); </script> <div id="slider1"> <a class="buttons prev" href="#"><</a> <div class="viewport"> <ul class="overview"> <li><img src="{ASSETS_IMAGES_PATH}sboku.jpg" /></li> <li><img src="{ASSETS_IMAGES_PATH}sboku2.jpg" /></li> </ul> </div> <a class="buttons next" href="#">></a> </div>
Устанавливаем другой слайдер:
1) скачайте файл:
adaptive_slider_na_css3_and_jquery.zip
2) разархивируйте его и добавьте файлы (slider и jquery.flexslider-min ) в ваш шаблон.
3) после кода:
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}jquerymin_1.11.1.js?design=chameleon"></script>
добавьте код:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}slider.css" type="text/css" />
4) затем поле кода:
<!-- /Каталог товаров -->
добавьте код:
!-- Слайдер Карусель Брендов --> <div align=center><div class="flex-container"> <div class="slider_brand"> <ul class="slides"> <li> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" /></a> </li> <li> <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" /> </li> </ul> </div> </div> </div> <script> $(document).ready(function () { $('.slider_brand').flexslider({ animation: 'fade', controlsContainer: '.flexslider' }); }); </script> <!-- /Слайдер Карусель Брендов-->
Замените ссылки на изображения на нужные Вам.
слайдер будет Выглядеть следующим образом:
QIP Shot - Screen 001.png
#24
Отправлено 20 Ноябрь 2015 - 09:14
Юля123 (18 Ноябрь 2015 - 11:36) писал:
Здравствуйте, протестировала данный слайдер на вашем шаблоне, к сожалению,такой слайдер поставить не получится (работает некорректно), но вместо него могу предложить установить другой слайдер.
Чтобы установить другой слайдер, удалите файлы для установки
- tinycarousel.css
- jquery.tinycarousel.js
- jquery.tinycarousel.min.js
Из шаблона HTML удалите код:
А так же:
Устанавливаем другой слайдер:
1) скачайте файл:
adaptive_slider_na_css3_and_jquery.zip
2) разархивируйте его и добавьте файлы (slider и jquery.flexslider-min ) в ваш шаблон.
3) после кода:
добавьте код:
4) затем поле кода:
добавьте код:
Замените ссылки на изображения на нужные Вам.
слайдер будет Выглядеть следующим образом:
QIP Shot - Screen 001.png
Чтобы установить другой слайдер, удалите файлы для установки
- tinycarousel.css
- jquery.tinycarousel.js
- jquery.tinycarousel.min.js
Из шаблона HTML удалите код:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery-1.4.2.min.js"></script>
А так же:
<script type="text/javascript"> $(document).ready(function() { $('#slider1').tinycarousel({ axis : "y" , animation : true , interval: true }); }); </script> <div id="slider1"> <a class="buttons prev" href="#"><</a> <div class="viewport"> <ul class="overview"> <li><img src="{ASSETS_IMAGES_PATH}sboku.jpg" /></li> <li><img src="{ASSETS_IMAGES_PATH}sboku2.jpg" /></li> </ul> </div> <a class="buttons next" href="#">></a> </div>
Устанавливаем другой слайдер:
1) скачайте файл:
adaptive_slider_na_css3_and_jquery.zip
2) разархивируйте его и добавьте файлы (slider и jquery.flexslider-min ) в ваш шаблон.
3) после кода:
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}jquerymin_1.11.1.js?design=chameleon"></script>
добавьте код:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}slider.css" type="text/css" />
4) затем поле кода:
<!-- /Каталог товаров -->
добавьте код:
<!-- Слайдер Карусель Брендов --> <div align=center><div class="flex-container"> <div class="slider_brand"> <ul class="slides"> <li> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" /></a> </li> <li> <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" /> </li> </ul> </div> </div> </div> <script> $(document).ready(function () { $('.slider_brand').flexslider({ animation: 'fade', controlsContainer: '.flexslider' }); }); </script> <!-- /Слайдер Карусель Брендов-->
Замените ссылки на изображения на нужные Вам.
слайдер будет Выглядеть следующим образом:
QIP Shot - Screen 001.png
#26
Отправлено 20 Ноябрь 2015 - 14:32
Юля123 (20 Ноябрь 2015 - 13:43) писал:
Здравствуйте, извините за долгое ожидание, найдите в шаблоне HTML код:
и замените его на код:
!-- /Слайдер Карусель Брендов -->
и замените его на код:
<!-- /Слайдер Карусель Брендов -->
#27
Отправлено 20 Ноябрь 2015 - 15:14
korki (20 Ноябрь 2015 - 14:32) писал:
Спасибо, заменил. Текст над баннером исчез, но картинки не появились. И ошибка осталась.
Восстановите бекап за 18.11.2015 16:30:02, затем произведите все инструкции заново, кроме одного пункта, не нужно удалять файл jquery.tinycarousel.min.js
#29
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных