Nivo Слайдер

Установил слайдер на главную, помогите теперь поднять его над товарами пжлст

так же подскажите пожалуйста

1. как менять эффект переключения
2. вставлять ссылки
3. см. скрин

emin808 (08 Декабрь 2012 - 11:18) писал:

Вставьте код слайдера

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
	<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <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 src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="Пример картинки с заголовком" />
	  <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() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>
  {% ENDIF %}

ПЕРЕД {BODY}

и ещё один вопр

как задавать число переключений . сейчас установлено 4 http://asfn.storeland.ru/

emin808 (08 Декабрь 2012 - 12:49) писал:

Все понятно, Вы перед {BODY} уже ранее поставили товары. Поэтому теперь Вам нужно поставить код слайдера перед этим списком товаров, Возможно, Вы найдете в своем шаблон HTML вот такой код

<!-- Главная страница -->

Вот после него поставьте свой слайдер.

На счет числа переключений не совсем Вас поняла. Сколько слайдеров в галереи, столько и переключений будет. Вы что-то изменили в  js и у Вас теперь не везде есть анимация при переключении слайдера, возможно, нужно заново переустановить файлы галереи js.
Чтобы добавить ссылки для изображений, найдите строчку

<img src="http://asfn.storeland.ru/web/upload/assets/images/154/153295/%D1%82%D0%B5%D1%85%D0%BD%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B-2.jpg?5367" alt="" style="width: 721px; visibility: hidden; display: inline-block;">

и заключите ее в

<a href="#"> ... </a>

У Вас должно получиться примерно так

<a href="#"> <img src="http://asfn.storeland.ru/web/upload/assets/images/154/153295/%D1%82%D0%B5%D1%85%D0%BD%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B-2.jpg?5367" alt="" style="width: 721px; visibility: hidden; display: inline-block;"> </a>

вместо # - ссылка на страницу куда должно переходить по клику на изображение.
Чтобы уменьшить отступ между слайдером и кнопками переключения, зайдите в файл nyvo.css и найдите блок

media="screen"
.theme-default .nivoSlider {
position: relative;
background: white url(/web/upload/assets/images/154/153295/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4A4A4A;
}

и замените его на

media="screen"
.theme-default .nivoSlider {
position: relative;
background: white url(/web/upload/assets/images/154/153295/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 10px;
-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4A4A4A;
}

Чтобы добавить изображения, нужно лишь после

<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 src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="Пример картинки с заголовком" />
		  <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="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />

после src=" - не забудьте вставить адрес своего изображения

да, понято , все получилося

помогите пжлст ещё подкорректировать максимально вверх. Желательно чтоб оба товарных ряда входили в экран ну или хотябы чтоб цены были видны у "айфонов" и "айпадов"



и подскажите путь пожалуйста , где можно попробовать поменять размеры слайдера?!

и как менять эффект переключения (нужен, так сказать "мягкий режим" т.е не резко картинка меняется , а плавно) ?!

Благодарен Вам, Вы очень помогаете

emin808 (08 Декабрь 2012 - 13:58) писал:

Поднять слайдер чуть выше
Найдите строчку в шаблоне HTML

<div class="theme-default" style="1em">

и замените ее на

<div class="theme-default" style="padding: 0px 0px 0px 5px;">

Размер изображений слайдера можно задать здесь:
файл nyvo.css

media="screen"
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}

изменяйте width: 100%; Например, поставьте значение

width: 600px;

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

<div class="theme-default" style="padding: 0px 0px 0px 5px;">

и меняйте значение 5px на любое другое

Чтобы убрать кнопки переключение, в файле main.css найдите блок

asfn.storeland.rumedia="screen"
.theme-default .nivo-controlNav a {
display: inline-block;
width: 22px;
height: 22px;
background: url(/web/upload/assets/images/154/153295/nyvo_bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin: 0 2px;
}

и замените его на

asfn.storeland.rumedia="screen"
.theme-default .nivo-controlNav a {
display: none;
width: 22px;
height: 22px;
background: url(/web/upload/assets/images/154/153295/nyvo_bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin: 0 2px;
}

Вы хотите анимацию анимацию при переключении? Именно это Вы понимаете под эффектом переключения?

Благодарен , кнопочки убрал, но вот выше как товары поднять не допру ни как ,

все просто супер,
1. вот еще бы товары поднять по максимуму
1. и узнать как стили переключения тоже выбрать

http://asfn.storeland.ru/

emin808 (08 Декабрь 2012 - 15:20) писал:

файл nyvo.css
найдите блок

Цитата

media="screen"
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

и замените на

media="screen"
.theme-default .nivo-controlNav {
text-align: center;
padding: 0px 0;
}

Хотелось бы спросить: почему у Вас сейчас нет анимацией? Вы в файле js что-то меняли?

нет , ничего не менял , Я даже заново загрузил файлы
может здесь (архив) какие изменения ?! это отсюда  http://storeland.ru/about/faq#51

всё, получилось поднять

вот вопрос с режимом переключения бы уточнить

Благодарю!

Попробуйте установить файлы из этого архива (css и js). Если не появится анимация, тогда будет как-то иначе решать эту проблему. После этого Вам придется заново повторить все изменения, который нужно было делать в nyvo.css

простите из какого архива!?

вот ещё что заметил:



http://asfn.storeland.ru/

emin808 (08 Декабрь 2012 - 16:34) писал:

Да, действительно, архив я забыла прикрепить, извините.

прикрепил, к сожалению изменений нет((

http://asfn.storeland.ru/