Слайдер

Помогите поставить хороший слайдер для этой темы, нет ли уже встроенного слайдера в этой теме?

deniska-e (23 Декабрь 2014 - 12:50) писал:

Здравствуйте. Уточните, какой слайдер Вы желаете вставить.

на главной странице чтобы фото перелистывались, как везде впринципе)

deniska-e (23 Декабрь 2014 - 13:40) писал:

На главной странице у Вас уже есть слайдер.

я сейчас настраиваю новый шаблон - http://testmagic.storeland.ru/
чтобы потом перенести на свой сайт. вот тут мне и нужно поставить слайдер)

deniska-e (23 Декабрь 2014 - 13:51) писал:

Добавьте код слайдера, воспользовавшись данной инструкцией.

сделал по инструкции, ничего не произошло, может эта инструкция для шоколада не подходит?

deniska-e (23 Декабрь 2014 - 15:41) писал:

Здравствуйте, попробуйте установить данный слайдер из этой темы  сообщение #6
http://forum.storela...новить-слайдер/

чтото не ставится, даже не могу понять в чем проблема, раньше вставлял слайдер без проблем на шаблон сияние, а тут нив какую

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}

снова ничего,скажите, может быть я не туда ставлю? вот скрины:

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="" /> 

изменения вижу, слайдера на главной не вижу)

вы поставили слайдер на другой мой сайт, сейчас я хочу поставить  слайдер на сайт: http://testmagic.storeland.ru/

пожалуйста, уберите изменения с того сайта, а то боюсь чтонибудь не так сделать, а на тестовом поставить тоже самое)

Здравствуйте! Помогите со слайдером...все перепробывал, указанное выше..ни чего не выходит!!! аккаунт SL-16454
Мне нужен слайдер как в шаблонах весна или движение во всю ширину сайта...спасибо, буду ждать...

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> &raquo;
				 <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="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;">{upper_navigation.NAME}</a> &raquo;{% 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;
}

Vaccina, сделал как вы сказали, появляется ошибка :

Santos (24 Декабрь 2014 - 02:19) писал:

Здравствуйте, для того что бы установить слайдер как в шаблоне движение воспользуйтесь данной инструкцией.
http://forum.storela...vo/#entry158335

Ирина345 (24 Декабрь 2014 - 11:10) писал:

Ни чего не получается, все сделал из форума указанного вами...все время появляется 1 JS ОШИБКА - как у товарища выше....что не так?

Попробуйте почистить кэш, так как инструкция, описанная мною выше, корректна и ошибки не возникает, также не забудьте удалить изменения по установке старых слайдеров

сбросил шаблон, установил все с нуля, и опять ошибка(