Сообщений в теме: 47

[kaiz]

Добрый Вечер, подскажите пожалуйста как установить два слайдера nyvo на главную страницу? вот мой магазин http://rcglushop.storeland.ru/
хочу еще один напротив этого. заранее спасибо

[Vaccina]

Вставляйте аналогично первому. Просто необходимо будет у второго id slider заменить например на slider2. То же самое сделать и для javascript

<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>

для второго это будет

<script type="text/javascript">
	$(window).load(function() {
		$('#slider2').nivoSlider().parent().show();
	});
  </script>

[DrDIP]

Добрый день! Скажите пожалуйста, как установить два разных слайдера на главной?
Чего только не пробовал, всегда появляются сообщения о js ошибке. Вот сайт: http://lcwear.storeland.ru/ . Хотелось бы заменить верхний слайдер на вот такой: http://pcvector.net/...ider/index.html Помогите пожалуйста.
P.s. и как сделать так, чтобы он был виден на всех страницах?

[Koderhan]

Для установки слайдера на сайт можно воспользоваться этой инструкцией.
http://storeland.ru/about/faq#51

А для того чтобы на одной странице сделать два таких слайдера. Вы можете просто заменить на втором слайдере названия с slider на slider2.
То есть у вас получается два блока с кодами слайдера.
Слайдер отображается на главной странице только из-за применяемого условия {% IF index_page %}...  {% ENDIF %}
Если удалить эти строчки из кода слайдера то слайдер будет отображаться на каждой странице сайта

[defistaf]

У меня на сайте проблема, установленный ниво слайдер работает коряво. Если присмотреться то банеры меняются наслаиваясь друг на друга. Как исправить?
http://autogadget.su

[Koderhan]

defistaf (02 Февраль 2013 - 13:48) писал:

У меня на сайте проблема, установленный ниво слайдер работает коряво. Если присмотреться то банеры меняются наслаиваясь друг на друга. Как исправить?
http://autogadget.su

Попробуйте применить стандартные настройки слайдера.
В файле "HTML".
Найти код:

<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider( {
slices:15, // For slice animations
boxCols: 10, // For box animations
boxRows: 8, // For box animations
animSpeed:500, // Slide transition speed
pauseTime:4000, // How long each slide will show
effect:'random'
});
});
</script>

Заменить:

<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>

[defistaf]

не помогло(

[mikola]

defistaf (02 Февраль 2013 - 17:10) писал:

не помогло(

сайт-редактор тем-Html
Попробуйте код

<!-- СЛАЙДЕР НА ГЛАВНОЙ -->
{%IF index_page %}
<div id="slider">
<img src="http://files.storeland.ru/web/upload/sitefiles/2/103/102463/nemo.jpg" alt="" />
<a href="http://files.storeland.ru/web/upload/sitefiles/2/103/102462/walle.jpg" alt="" /> </ a>
<img src="http://files.storeland.ru/web/upload/sitefiles/2/102/101178/toystory.jpg" alt="" title="This is an example of a caption" />
<img src="http://files.storeland.ru/web/upload/sitefiles/2/102/101179/up.jpg" alt="" />
</div>
{%ENDIF%}
<!-- СЛАЙДЕР НА ГЛАВНОЙ -->

заменить на

<!-- СЛАЙДЕР НА ГЛАВНОЙ -->
{%IF index_page %}
<div id="slider1" class="nivoSlider">
<a href="http://files.storeland.ru/web/upload/sitefiles/2/103/102462/walle.jpg" alt="" /><img src="http://files.storeland.ru/web/upload/sitefiles/2/103/102463/nemo.jpg" alt="" /></ a>
<a href="http://files.storeland.ru/web/upload/sitefiles/2/103/102462/walle.jpg" alt="" /><img src="http://files.storeland.ru/web/upload/sitefiles/2/102/101178/toystory.jpg" alt="" title="This is an example of a caption" /></ a>
<a href="http://files.storeland.ru/web/upload/sitefiles/2/103/102462/walle.jpg" alt="" /><img src="http://files.storeland.ru/web/upload/sitefiles/2/102/101179/up.jpg" alt="" /></ a>
</div>
{%ENDIF%}
<!-- СЛАЙДЕР НА ГЛАВНОЙ -->

[support 2.0]

defistaf (02 Февраль 2013 - 13:48) писал:

У меня на сайте проблема, установленный ниво слайдер работает коряво. Если присмотреться то банеры меняются наслаиваясь друг на друга. Как исправить?
http://autogadget.su

Пришлите, пожалуйста код nivo слайдера, который Вы вставляли в шаблон HTML

[defistaf]

<!--slider-->
<center>
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="[url="http://autogadget.su/goods/BlackVue_DR400G-HD_16GB_GPS%22><img"]http://autogadget.su..._16GB_GPS"><img[/url] src="[url="http://sibautogadget.storeland.ru/web/upload/assets/images/77/76822/dr400ghd2.png"]http://sibautogadget.../dr400ghd2.png"[/url] alt="" title="" /></a>
<a href="[url="http://autogadget.su/goods/Видеорегистратор-Blackvue-DR500GW%22><img"]http://autogadget.su...e-DR500GW"><img[/url] src="[url="http://sibautogadget.storeland.ru/web/upload/assets/images/77/76822/500.png"]http://sibautogadget.../76822/500.png"[/url] alt="" title="" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Это</strong> пример <em>использования</em> текста <a href="#">link</a>.
</div>
</center>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show();
});
</script>

[mikola]

defistaf (02 Февраль 2013 - 17:47) писал:

<!--slider-->
<center>
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="[url="http://autogadget.su/goods/BlackVue_DR400G-HD_16GB_GPS%22><img"]http://autogadget.su..._16GB_GPS"><img[/url] src="[url="http://sibautogadget.storeland.ru/web/upload/assets/images/77/76822/dr400ghd2.png"]http://sibautogadget.../dr400ghd2.png"[/url] alt="" title="" /></a>
<a href="[url="http://autogadget.su/goods/Видеорегистратор-Blackvue-DR500GW%22><img"]http://autogadget.su...e-DR500GW"><img[/url] src="[url="http://sibautogadget.storeland.ru/web/upload/assets/images/77/76822/500.png"]http://sibautogadget.../76822/500.png"[/url] alt="" title="" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Это</strong> пример <em>использования</em> текста <a href="#">link</a>.
</div>
</center>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show();
});
</script>

немного не верный код

  <div class="theme-default" style="padding:1em;display:none;">
	<div id="slider" >
  <img src="путь к картинки" alt="" />
  <a href="тут ссылку нужно"><img src="путь к картинки без [url] указываете прямой путь к файлу" alt="" /></a>
  <img src="путь к картинки" alt="" title="Пример картинки с заголовком" />
  <img src="путь к картинки" alt="" />
  <img src="путь к картинки" alt="" />
	</div>
  </div>
  <!-- Запуск слайдера -->
  <script type="text/javascript">
	$(window).load(function() {
	$('#slider').nivoSlider().parent().show();
	});
  </script>
  {% ENDIF %}

стоит ещё раз внимательно прочитать http://storeland.ru/about/faq#51

[defistaf]

Хм, а код причем тут? так-то все работает, только стало наслаиваться банер на банер , посмотрите. Все что вы писали выше пробовал не получается(
вот стиль, возможно тут косяк

#slider {
position:relative;
width:1000px; /* Изменить размер картинки */
height:160px; /* Изменить размер картинки */
background:url({ASSETS_IMAGES_PATH}loading.gif) no-repeat 50% 50%;
top: 167px;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}

[mikola]

defistaf (02 Февраль 2013 - 18:28) писал:

Хм, а код причем тут? так-то все работает, только стало наслаиваться банер на банер , посмотрите. Все что вы писали выше пробовал не получается(
вот стиль, возможно тут косяк

#slider {
position:relative;
width:1000px; /* Изменить размер картинки */
height:160px; /* Изменить размер картинки */
background:url({ASSETS_IMAGES_PATH}loading.gif) no-repeat 50% 50%;
top: 167px;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}

попробуйте данный код

  <div class="theme-default" style="padding:1em;display:none;">
	<div id="slider" >
  <img src="/web/upload/assets/images/77/76822/dr400ghd2.png" alt="" />
  <a href="http://autogadget.su/goods/BlackVue_DR400G-HD_16GB_GPS?from=NTBk"><img src="/web/upload/assets/images/77/76822/dr400ghd2.png" alt="" /></a>
  <a href="http://autogadget.su/goods/Видеорегистратор-Blackvue-DR500GW?from=YWM1"><img src="/web/upload/assets/images/77/76822/500.png" alt="" /> </a>
	</div>
  </div>
  <!-- Запуск слайдера -->
  <script type="text/javascript">
	$(window).load(function() {
	$('#slider').nivoSlider().parent().show();
	});
  </script>
  {% ENDIF %}

[defistaf]

вставил, смотрите
наслаивается , ничего не изменилось(

[defistaf]

Разобрался, дело вообще не в коде, просто я использую банеры пнг формата. прозрачные, без бэкграунда,и получается так работает слайдер, наслаивает друг на друга.

[gold-fox]

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

Прикрепленные файлы

•  код.rtf   34,94К   198 Количество загрузок:

[Koderhan]

gold-fox (20 Июнь 2013 - 09:58) писал:

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

В файле не правильно прописаны пути к подключению js файлов.

[Jonyk]

Помогите пожалуйста!
Вот страница http://md-bay.com/pa...yavlenij-Edinet , поставил справа два слайдера. При прокрутке изображений в самом слайдере в левом верхнем углу отображается маленькая пиктограмма картинки... Как её убрать?
И не по теме... на этой же странице в самом низу есть Кнопка "Вверх" она съехала влево.  Как её вернуть на место как на остальных страницах?
Спасибо!

[support 2.0]

Jonyk (26 Июнь 2013 - 09:18) писал:

Помогите пожалуйста!
Вот страница http://md-bay.com/pa...yavlenij-Edinet , поставил справа два слайдера. При прокрутке изображений в самом слайдере в левом верхнем углу отображается маленькая пиктограмма картинки... Как её убрать?
И не по теме... на этой же странице в самом низу есть Кнопка "Вверх" она съехала влево.  Как её вернуть на место как на остальных страницах?
Спасибо!

Попробуйте воспользоваться данной инструкцией

[Jonyk]

support 2.0 (26 Июнь 2013 - 12:14) писал:

Попробуйте воспользоваться данной инструкцией

Не помогло