Перейти к содержимому


Помогите Разобраться Со Слайдером

Срочно!!!

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 26

#21 karapuzz

karapuzz

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 77 сообщений

Отправлено 30 Июнь 2015 - 16:54

Просмотр сообщенияRayLi (30 Июнь 2015 - 14:21) писал:

Здравствуйте.
Да - данное изменение будет возможно сделать на вашем сайте.
как это сделать ?

#22 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 30 Июнь 2015 - 17:30

Просмотр сообщенияkarapuzz (30 Июнь 2015 - 16:54) писал:

как это сделать ?

Тогда вам нужно сделать следующее:
В шаблоне html найдите данный код:

<!-- Слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
		<!-- Непосредственный код слайдера -->
		<div id="slider">
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		  <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		</div>
  </div>

  <!-- Запуск слайдера -->
  <script type="text/javascript">
		$(window).load(function() {
				$('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
		});
  </script>
  {% ENDIF %}
			  {BODY}
			 
			  <!-- Всевозможные списки товаров -->

И замените его вот этим вот кодом:

<!-- Слайдер  -->
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
		<!-- Непосредственный код слайдера -->
		<div id="slider">
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		  <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		  <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		</div>
  </div>

  <!-- Запуск слайдера -->
  <script type="text/javascript">
		$(window).load(function() {
				$('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
		});
  </script>
			  {BODY}
			 
			  <!-- Всевозможные списки товаров -->


#23 karapuzz

karapuzz

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 77 сообщений

Отправлено 30 Июнь 2015 - 18:05

Просмотр сообщенияRayLi (30 Июнь 2015 - 17:30) писал:

Тогда вам нужно сделать следующее:
В шаблоне html найдите данный код:

<!-- Слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
	 <!-- Непосредственный код слайдера -->
	 <div id="slider">
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
	 </div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
	 $(window).load(function() {
			 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
	 });
</script>
{% ENDIF %}
			 {BODY}
			
			 <!-- Всевозможные списки товаров -->

И замените его вот этим вот кодом:

<!-- Слайдер -->
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
	 <!-- Непосредственный код слайдера -->
	 <div id="slider">
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/6/1680/569/slider2.jpg" alt="" title="" /></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
		 <a href="#"><img src="http://st.storeland.net/12/1680/553/slider.jpg" alt="" title=""/></a>
	 </div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
	 $(window).load(function() {
			 $('#slider').nivoSlider({effect: 'slideInRight'}).parent().show();
	 });
</script>
			 {BODY}
			
			 <!-- Всевозможные списки товаров -->
Спасибо получилось , теперь нужно решить ещё один момент :

Прикрепленные изображения

  • Без имени-2.jpg


#24 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 30 Июнь 2015 - 18:44

Просмотр сообщенияkarapuzz (30 Июнь 2015 - 18:05) писал:

Спасибо получилось , теперь нужно решить ещё один момент :

Вам нужно сделать следующее:
В шаблоне main.css найдите данный код:

.page-headline {
  height: 81px;
  position: relative;
  margin-top: -55px;
  margin-left: 10%;
}

И замените его вот этим вот кодом:

.page-headline {
  height: 81px;
  position: relative;
  margin-top: -55px;
  margin-left: 10%;
  display: none;
}


Далее там же найдите вот этот код:

.theme-default {
  width: 132%;
}

И замените его этим кодом:

.theme-default {
  width: 132%;
  height: 395px;
}


#25 karapuzz

karapuzz

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 77 сообщений

Отправлено 01 Июль 2015 - 10:46

спасибо , получилось!

#26 karapuzz

karapuzz

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 77 сообщений

Отправлено 08 Август 2015 - 10:18

Перестал работать слайдер! не показывает следующие картинки..

#27 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 08 Август 2015 - 11:06

Просмотр сообщенияkarapuzz (08 Август 2015 - 10:18) писал:

Перестал работать слайдер! не показывает следующие картинки..

Здравствуйте.
Проверили работу Вашего слайдера. На данный момент проблем в смене изображений не обнаружено.
Для более быстрого перелистывания слайдов Вы можете удалить в его коде ссылки на одинаковые изображения, оставив вместо четырех две.
Для этого зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
			 <div id="slider">
				 <a href="http://karapuzz.storeland.ru/goods/Jelektronnyj-molokootsos-Philips-Avent-seriya-Natural"><img src="http://st.karapuzz.net/9/1712/393/dostavka777.jpg" alt="" title=""/></a>
				 <a href="http://karapuzz.storeland.ru/goods/Jelektronnyj-molokootsos-Philips-Avent-seriya-Natural"><img src="http://st.karapuzz.net/9/1712/393/dostavka777.jpg" alt="" title="" /></a>
				 <a href="http://karapuzz.storeland.ru/goods/Jelektronnyj-molokootsos-Philips-Avent-seriya-Natural"><img src="http://st.storeland.net/6/1701/612/dostavka77.jpg" alt="" title=""/></a>
				 <a href="http://karapuzz.storeland.ru/goods/Jelektronnyj-molokootsos-Philips-Avent-seriya-Natural"><img src="http://st.storeland.net/6/1701/612/dostavka77.jpg" alt="" title=""/></a>
			 </div>

Замените на:
			 <div id="slider">
				 <a href="http://karapuzz.storeland.ru/goods/Jelektronnyj-molokootsos-Philips-Avent-seriya-Natural"><img src="http://st.karapuzz.net/9/1712/393/dostavka777.jpg" alt="" title=""/></a>
				 <a href="http://karapuzz.storeland.ru/goods/Jelektronnyj-molokootsos-Philips-Avent-seriya-Natural"><img src="http://st.storeland.net/6/1701/612/dostavka77.jpg" alt="" title=""/></a>
			 </div>

В дальнейшем Вы можете добавить новые строки, если это будет необходимо.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных