Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Как Установить Слайдер На Главной Странице Магазина С Переходом На Страницу ?

Автор deimos4477, 15 нояб. 2012 16:15

Авторизуйтесь для ответа в теме

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

#2 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 15 Ноябрь 2012 - 16:20

deimos4477 (15 Ноябрь 2012 - 16:15) писал:

Что нужно изменить ? Когда нажимаешь на картинку или текст под ней тебя перебрасывает на определенную страницу с товаром
тут:

<!-- 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 %}

Вместо этого кусочка

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

вставьте вот этот

<a href="#"><img src="ссылка на изображение" alt=""  title="Пример картинки с заголовком" /></a>
<a href="#"><img src="ссылка на изображение" alt=""  title="Пример картинки с заголовком"/></a>
<a href="#"><img src="ссылка на изображение" alt="" title="Пример картинки с заголовком" /></a>
<a href="#"><img src="ссылка на изображение" alt=""  title="Пример картинки с заголовком" /></a>
<a href="#"><img src="ссылка на изображение" alt=""  title="Пример картинки с заголовком"/></a>

вместо # вставьте ссылку, на которую будет переходить при нажатии на конкретную картинку

Наверх

#3 spirit137

Пользователь

Пользователи
35 сообщений

Отправлено 07 Апрель 2013 - 20:04

Переделал как написано,слайдер вообще пропал.Посмотрите что не правильно


  <div class="theme-default" style="padding:1em;display:none;">
    
    <div id="slider">
      <a href="http://avtozashita62...A-GPS-5-x"><img src=""http://design.avtoza...tofon.jpg?5814" alt="" /></a>
          <a href="http://avtozashita62...я-розетка"><img src="http://design.avtoza...rozet.jpg?5968" alt="" /></a>
          <a href="http://avtozashita62...from=N2I1"><img src="http://design.avtoza...tozap.jpg?5968" alt="" title="" /></a>
          <a href="http://avtozashita62...ORA-DXL-8"><img src="http://design.avtoza...dora.jpg?5968g" alt="" /></a>
          <a href="http://avtozashita62...from=ZjU0"><img src="http://design.avtoza...rit25.jpg?5814" alt="" /></a>

    </div>

Наверх

#4 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 08 Апрель 2013 - 14:10

spirit137 (07 Апрель 2013 - 20:04) писал:

Переделал как написано,слайдер вообще пропал.Посмотрите что не правильно

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

Наверх

#5 spirit137

Пользователь

Пользователи
35 сообщений

Отправлено 08 Апрель 2013 - 14:15

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

Наверх

#6 Stasya

Активный участник

Модератоpы
4 007 сообщений

Отправлено 08 Апрель 2013 - 17:43

Здесь должна стоять ссылка именно на существующий в Вашем каталоге товар

 <a href="http://avtozashita62...я-розетка"><img src="http://design.avtoza...rozet.jpg?5968" alt="" /></a>

На данный момент код Вашего слайдера написан не правильно.

Наверх

#7 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 08 Апрель 2013 - 18:38

spirit137 (08 Апрель 2013 - 14:15) писал:

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

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

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

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

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display: none;
}

Наверх

#8 spirit137

Пользователь

Пользователи
35 сообщений

Отправлено 08 Апрель 2013 - 21:01

Большое спасибо кнопки убрал.Попробовал ещё раз, провести пути к товарам,через клик на фото в слайдере.Опять не получилось.При выкладывании адреса ,он меняется непонятно как и ведет на несуществующую страницу на сайте.Специалисты нужна помощь!!

Вчера так же было.Такое ощущение что при указывании пути на фото,что то меняется в кодах.После этого простая замена кодов не приводит к возобновлению работы слайдера в обычном режиме.Необходимо полностью проделать весь путь, начиная с первого шага,как описано в faq
,

Наверх

#9 mikola

Good soo good

Модератоpы
1 550 сообщений

Городгород Нижний Новгород

Отправлено 08 Апрель 2013 - 21:17

spirit137 (08 Апрель 2013 - 21:01) писал:

Большое спасибо кнопки убрал.Попробовал ещё раз, провести пути к товарам,через клик на фото в слайдере.Опять не получилось.При выкладывании адреса ,он меняется непонятно как и ведет на несуществующую страницу на сайте.Специалисты нужна помощь!!

Вчера так же было.Такое ощущение что при указывании пути на фото,что то меняется в кодах.После этого простая замена кодов не приводит к возобновлению работы слайдера в обычном режиме.Необходимо полностью проделать весь путь, начиная с первого шага,как описано в faq
,

да для более точной установке пройти ещё раз установку слайдера...в данный момент просмотреть не может ваш слайдер...
http://storeland.ru/about/faq#51

Наверх

#10 spirit137

Пользователь

Пользователи
35 сообщений

Отправлено 08 Апрель 2013 - 21:38

Все прошел и поставил.Но теперь одно фото не прокручивает,слайдер собирается в кучу при его просмотре,плюс при сохранении пишет что не может сохранить из за Ошибка компиляции шаблона. Не верный синтаксис. Неожиданный тег «ENDIF». Строка 437 или Отменить.

Наверх

#11 spirit137

Пользователь

Пользователи
35 сообщений

Отправлено 08 Апрель 2013 - 21:53

Все поправил сам." раза 1 абзац вставил.Осталось сделать, чтобы при клике на фото , она вела к месту в каталоге.

Наверх

#12 mikola

Good soo good

Модератоpы
1 550 сообщений

Городгород Нижний Новгород

Отправлено 08 Апрель 2013 - 21:57

spirit137 (08 Апрель 2013 - 21:53) писал:

Все поправил сам." раза 1 абзац вставил.Осталось сделать, чтобы при клике на фото , она вела к месту в каталоге.

всё же обратил бы внимание на установку кода
ваш код

<td id="primaryContent">{% IF index_page %}
		  <a href="http://avtozashita62.ru/page/%D0%A1%D0%BA%D0%B8%D0%B4%D0%BA%D0%B8"> <img src="" />
  {% ENDIF %}
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
	<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <img src="http://design.avtozashita62.ru/spirit25.jpg" alt="" />
	  <a href="/"><img src="http://design.avtozashita62.ru/avar rozet.jpg" alt="" /></a>
	  <img src="http://design.avtozashita62.ru/sobr avtozap.jpg" alt" alt="" title="" />
	  <img src="http://design.avtozashita62.ru/pandora.jpg" alt="" />
	  <img src="http://design.avtozashita62.ru/spirit25.jpg" alt="" />
	  <img src="http://design.avtozashita62.ru/avtofon.jpg" alt="" />
	</div>
  </div>
 
   <!-- Запуск слайдера -->
  <script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>
  {% ENDIF %}
			{BODY}

желаемый вид кода

		<td id="primaryContent">
		  <!-- 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}