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

[BeLoveAll]

Доброго времени суток!
Вставил слайдер по этой инструкции:
http://forum.storela...ер/#entry180208

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


Заранее благодарю всех=)

[Vaccina]

В этом случае его необходимо разместить в шаблоне HTML над:

{BODY}

[BeLoveAll]

Vaccina (26 Декабрь 2015 - 01:40) писал:

В этом случае его необходимо разместить в шаблоне HTML над:

{BODY}

Сделал, всё получилось=). Но теперь он отображается на каждой странице сайта, а должен был отображаться только на главной. Как это можно исправить?

И тоже вылезла проблема со стрелочками (смотрят в одну сторону и не работают), как было описано ранее в теме http://forum.storela...ер/page__st__60

Как я понял, ошибка со стрелочками возникает после вот этого действия:

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

Далее откройте 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; } 

Потому что до него на месте стрелочек словесные отображения и они работают, перелистывают картинки. А после этого действия словесные отображения заменяются стрелочками, но и при этом перестают работать. Пробовал сделать через OWL Carousel, но совсем не то получается.

[Danil]

BeLoveAll (27 Декабрь 2015 - 01:41) писал:

Сделал, всё получилось=). Но теперь он отображается на каждой странице сайта, а должен был отображаться только на главной. Как это можно исправить?

И тоже вылезла проблема со стрелочками (смотрят в одну сторону и не работают), как было описано ранее в теме http://forum.storela...ер/page__st__60

Как я понял, ошибка со стрелочками возникает после вот этого действия:

Потому что до него на месте стрелочек словесные отображения и они работают, перелистывают картинки. А после этого действия словесные отображения заменяются стрелочками, но и при этом перестают работать. Пробовал сделать через OWL Carousel, но совсем не то получается.

В шаблоне html найдите код

  <div id="slider" class="nivoSlider">
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/goods/buket19roz"><img src="http://design.лучшие-розы.рф/19rose.jpg?7091" alt="" title="#htmlcaption" /></a>
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/goods/101redrose-3"><img src="http://design.лучшие-розы.рф/101rose.jpg?7091" alt="" title="#htmlcaption" /></a>
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/callback"><img src="http://design.лучшие-розы.рф/callback.jpg?7091" alt="" title="#htmlcaption" /></a>
</div>
<script type="text/javascript">
		 $(window).load(function() {
		 $('#slider').nivoSlider();
		 });
</script>

и замените на

{% IF index_page %}
  <div id="slider" class="nivoSlider">
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/goods/buket19roz"><img src="http://design.лучшие-розы.рф/19rose.jpg?7091" alt="" title="#htmlcaption" /></a>
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/goods/101redrose-3"><img src="http://design.лучшие-розы.рф/101rose.jpg?7091" alt="" title="#htmlcaption" /></a>
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/callback"><img src="http://design.лучшие-розы.рф/callback.jpg?7091" alt="" title="#htmlcaption" /></a>
</div>
<script type="text/javascript">
		 $(window).load(function() {
		 $('#slider').nivoSlider();
		 });
</script>
{% ENDIF %}

[BeLoveAll]

Danil (27 Декабрь 2015 - 14:43) писал:

В шаблоне html найдите код

<div id="slider" class="nivoSlider">
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/goods/buket19roz"><img src="http://design.лучшие-розы.рф/19rose.jpg?7091" alt="" title="#htmlcaption" /></a>
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/goods/101redrose-3"><img src="http://design.лучшие-розы.рф/101rose.jpg?7091" alt="" title="#htmlcaption" /></a>
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/callback"><img src="http://design.лучшие-розы.рф/callback.jpg?7091" alt="" title="#htmlcaption" /></a>
</div>
<script type="text/javascript">
		 $(window).load(function() {
		 $('#slider').nivoSlider();
		 });
</script>

и замените на

{% IF index_page %}
<div id="slider" class="nivoSlider">
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/goods/buket19roz"><img src="http://design.лучшие-розы.рф/19rose.jpg?7091" alt="" title="#htmlcaption" /></a>
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/goods/101redrose-3"><img src="http://design.лучшие-розы.рф/101rose.jpg?7091" alt="" title="#htmlcaption" /></a>
		 <a href="http://xn----itbhbovnu0bk3b.xn--p1ai/callback"><img src="http://design.лучшие-розы.рф/callback.jpg?7091" alt="" title="#htmlcaption" /></a>
</div>
<script type="text/javascript">
		 $(window).load(function() {
		 $('#slider').nivoSlider();
		 });
</script>
{% ENDIF %}

Спасибо, помогло! Теперь только на главной странице отображается слайдер.
А что со стрелочками делать, не подскажите?

[Vaccina]

В nivo-slider.css найдите:

.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;
}

замените на:

.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;
z-index: 99;
}

далее найдите:

.nivo-nextNav {
	right: 0px;
	background-position: -30px 0px;
}

замените на:

.nivo-nextNav {
	right: 0px;
	background-position: -30px 0px !important;
}