

Слайдер
#1
Отправлено 23 Декабрь 2014 - 12:50
#3
Отправлено 23 Декабрь 2014 - 13:40
#5
Отправлено 23 Декабрь 2014 - 13:51
чтобы потом перенести на свой сайт. вот тут мне и нужно поставить слайдер)
#6
Отправлено 23 Декабрь 2014 - 14:11
deniska-e (23 Декабрь 2014 - 13:51) писал:
чтобы потом перенести на свой сайт. вот тут мне и нужно поставить слайдер)
#7
Отправлено 23 Декабрь 2014 - 15:41
#8
Отправлено 23 Декабрь 2014 - 17:56
deniska-e (23 Декабрь 2014 - 15:41) писал:
http://forum.storela...новить-слайдер/
#9
Отправлено 23 Декабрь 2014 - 18:18
#10
Отправлено 23 Декабрь 2014 - 18:26
deniska-e (23 Декабрь 2014 - 18:18) писал:
Попробуйте такой вариант найдите в шаблоне HTML
<!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} {BODY}
замените на
<!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show(); }); </script> {% ENDIF %} <!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding: 1em; display: none;"> <!-- Непосредственный код слайдера --> <div id="slider1"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider1').nivoSlider().parent().show(); }); </script> {% ENDIF %} {BODY}
#12
Отправлено 23 Декабрь 2014 - 18:58
deniska-e (23 Декабрь 2014 - 18:50) писал:
что бы изменения в коде отобразились и у Вас обновите страницу с админ панелью, где находитьcя шаблон hTML
для того что бы изменить картинки найдите в hTML
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />замените на
<img src="ссылка на вашу картинку" alt="" /> <a href="/"><img src="ссылка на вашу картинку" alt="" /></a> <img title="Пример картинки с заголовком" src="ссылка на вашу картинку" alt="" /> <img src="ссылка на вашу картинку" alt="" /> <img src="ссылка на вашу картинку" alt="" />
#13
Отправлено 23 Декабрь 2014 - 19:11
вы поставили слайдер на другой мой сайт, сейчас я хочу поставить слайдер на сайт: http://testmagic.storeland.ru/
пожалуйста, уберите изменения с того сайта, а то боюсь чтонибудь не так сделать, а на тестовом поставить тоже самое)
#14
Отправлено 24 Декабрь 2014 - 02:19
Мне нужен слайдер как в шаблонах весна или движение во всю ширину сайта...спасибо, буду ждать...
#15
Отправлено 24 Декабрь 2014 - 03:02
deniska-e (23 Декабрь 2014 - 19:11) писал:
Инструкция по установке слайдера в шаблон Шоколад.
По следующей ссылке скачиваем архив: https://github.com/g...ron/nivo-slider
(кнопка скачивания справа "Download ZIP")
Из этого архива в Редактор шаблона загружаем:
- jquery.nivo.slider.js
- arrows.png
- nivo-slider.css
Далее заходим в шаблон HTML, перед:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=chocolate"></script>вставляем:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nivo-slider.css" type="text/css" media="screen" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.js"></script>
далее находим:
<strong>Каталог</strong> {% ELSE %} <a href="{CATALOG_URL}" title="Перейти в каталог продукции нашего магазина">Каталог</a> » <span class="navigation-pipe"></span> {% FOR upper_navigation %} {% IF upper_navigation.CURRENT %}{upper_navigation.NAME}{% ELSEIF upper_navigation.CURRENT_PARENT %}<a href="{upper_navigation.URL}" title="Перейти в категорию «{upper_navigation.NAME}»">{upper_navigation.NAME}</a> »{% ENDIF %} {% ENDFOR %} {% ENDIF %} {% ENDIF %} </div> {% ENDIF %} {BODY} </div> <div class="clear"></div> {%ENDIF%} {%IF index_page%}
после него вставляем:
<div id="slider" class="nivoSlider"> <a href="ссылка куда ведет"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="#htmlcaption" /></a> <a href="ссылка куда ведет"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" title="#htmlcaption" /></a> </div> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script>
в нем вместо http://storeland.ru/...lider/walle.jpg указывайте ссылки на свои картинки.
Далее откройте nivo-slider.css в нем найдите:
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; }и замените на:
.nivo-directionNav a { display:block; width:30px; height:30px; background:url('{ASSETS_IMAGES_PATH}arrows.png') no-repeat; text-indent:-9999px; border:0; opacity: 0; top: 50%; position: absolute; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #slider:hover .nivo-directionNav a { opacity: 1; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; background-position:-30px 0; }
#17
Отправлено 24 Декабрь 2014 - 11:10
Santos (24 Декабрь 2014 - 02:19) писал:
Мне нужен слайдер как в шаблонах весна или движение во всю ширину сайта...спасибо, буду ждать...
http://forum.storela...vo/#entry158335
#18
Отправлено 24 Декабрь 2014 - 16:27
Ирина345 (24 Декабрь 2014 - 11:10) писал:
http://forum.storela...vo/#entry158335
#19
Отправлено 25 Декабрь 2014 - 01:11
#20
Отправлено 25 Декабрь 2014 - 10:44
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных