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


Слайдер Nivo

скачет картинка

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

#41 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 25 Июль 2014 - 01:03

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

http://yeap.narod.ru/js/022.html
http://nordev.ru/articles/article/55

Все они устанавливаются аналогично друг другу.

#42 Sergey1985

Sergey1985

    Новичок

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

Отправлено 31 Март 2015 - 12:17

Здравствуйте, аккаунт SL-333705. Подскажите, пожалуйста, как заменить картинки слайдера на картинки товара с сайта, а так же при клике на картинку со слайдера клиент перемещался в карточку данного товара?

#43 RayLi

RayLi

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

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

Отправлено 31 Март 2015 - 12:32

Просмотр сообщенияSergey1985 (31 Март 2015 - 12:17) писал:

Здравствуйте, аккаунт SL-333705. Подскажите, пожалуйста, как заменить картинки слайдера на картинки товара с сайта, а так же при клике на картинку со слайдера клиент перемещался в карточку данного товара?
Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне html найдите код:
			  <!-- 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 title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<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 %}

И замените его вот этим кодом:
			  <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="ваша_ссылка"><img src="{ASSETS_IMAGES_PATH}имя_слайда?design=spring" alt="" /></a>
<a href="ваша_ссылка"><img src="{ASSETS_IMAGES_PATH}имя_слайда?design=spring" alt="" /></a>
<a href="ваша_ссылка"><img src="{ASSETS_IMAGES_PATH}lимя_слайда?design=spring" alt="" /></a>
<a href="ваша_ссылка"><img src="{ASSETS_IMAGES_PATH}имя_слайда?design=spring" alt="" /></a>
<a href="ваша_ссылка"><img src="{ASSETS_IMAGES_PATH}имя_слайда?design=spring" alt="" /></a>
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

Где ваша_ссылка - вы вставляете нужную вам ссылку на товар.
А заместо имя_слайда вставляете имя нужного вам изображения, которое будет прокручиваться в слайдере (например slide.png).

#44 Sergey1985

Sergey1985

    Новичок

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

Отправлено 31 Март 2015 - 12:59

не могли бы вы объяснить на примере данной позиции как это сделать http://n75478.storel...-230V?from=YTQ0 ?

#45 RayLi

RayLi

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

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

Отправлено 31 Март 2015 - 13:05

Просмотр сообщенияSergey1985 (31 Март 2015 - 12:59) писал:

не могли бы вы объяснить на примере данной позиции как это сделать http://n75478.storel...-230V?from=YTQ0 ?
Вам нужно сделать картинку с товаром, которую вы установите в слайдер по вышеуказанной инструкции.

#46 Sergey1985

Sergey1985

    Новичок

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

Отправлено 31 Март 2015 - 13:13

попробовал на одной позиции, изменений нет, посмотрите, что не так
<a href="http://n75478.storel...SIGN-230V"><img src="{ASSETS_IMAGES_PATHhttp://i2.storeland.net/1/3632/36316849/afacdb/soler-palau-ventilyator-nakladnoj-silent-100-cz-sky-blue-design-230v-50.jpg?design=spring" alt="" /></a>

#47 RayLi

RayLi

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

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

Отправлено 31 Март 2015 - 13:21

Просмотр сообщенияSergey1985 (31 Март 2015 - 13:13) писал:

попробовал на одной позиции, изменений нет, посмотрите, что не так
<a href="http://n75478.storel...SIGN-230V"><img src="{ASSETS_IMAGES_PATHhttp://i2.storeland.net/1/3632/36316849/afacdb/soler-palau-ventilyator-nakladnoj-silent-100-cz-sky-blue-design-230v-50.jpg?design=spring" alt="" /></a>
К сожалению у вас не правильно выполнена инструкция.
Вам нужно вставить имя изображения, а не ссылку на него (пример slide.png). Чтобы получить подобную строку: "{ASSETS_IMAGES_PATH}slide.png?design=spring" .

#48 ilka6k

ilka6k

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

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

Отправлено 03 Октябрь 2015 - 14:26

Всем доброго времени суток, надо поменять цвет стрелок для перелистывания слайдера. Не имею понятия как это сделать, нужна ваша помощь!! форму.jpg   форму1.jpg

#49 Firefly

Firefly

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

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

Отправлено 03 Октябрь 2015 - 14:39

Просмотр сообщенияilka6k (03 Октябрь 2015 - 14:26) писал:

Всем доброго времени суток, надо поменять цвет стрелок для перелистывания слайдера. Не имею понятия как это сделать, нужна ваша помощь!! Прикрепленный файл форму.jpg  Прикрепленный файл форму1.jpg

Здравствуйте.
Сохраните себе прикрепленное изображение из приложения к сообщению.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов ->кнопка "Добавить файлы" и загрузите данное изображение на сайт.

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

  • a02.png


#50 ilka6k

ilka6k

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

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

Отправлено 03 Октябрь 2015 - 15:07

Просмотр сообщенияFirefly (03 Октябрь 2015 - 14:39) писал:

Здравствуйте.
Сохраните себе прикрепленное изображение из приложения к сообщению.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов ->кнопка "Добавить файлы" и загрузите данное изображение на сайт.


Нужно заменить какую-то картинку на прикрепленную вами?

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

  • для форума.jpg


#51 Firefly

Firefly

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

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

Отправлено 03 Октябрь 2015 - 16:07

Просмотр сообщенияilka6k (03 Октябрь 2015 - 15:07) писал:

Нужно заменить какую-то картинку на прикрепленную вами?

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

#52 ilka6k

ilka6k

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

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

Отправлено 03 Октябрь 2015 - 16:29

Просмотр сообщенияFirefly (03 Октябрь 2015 - 16:07) писал:

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

Так и сделал, ничего не произошло

Просмотр сообщенияFirefly (03 Октябрь 2015 - 16:07) писал:

Вам достаточно загрузить изображения из приложения к сообщению выше, не изменяя его названия. Картинка заменится автоматически.
Все получилось, спасибо, просто заменил фаил с название a21 на то а02

#53 ilka6k

ilka6k

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

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

Отправлено 09 Октябрь 2015 - 17:36

Здравствуйте, помогите пожалуйста прикрепить свою группу вконтакте вместо указанной на скрине. Спасибо.

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

  • Безымянный.png


#54 RayLi

RayLi

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

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

Отправлено 09 Октябрь 2015 - 17:49

Просмотр сообщенияilka6k (09 Октябрь 2015 - 17:36) писал:

Здравствуйте, помогите пожалуйста прикрепить свою группу вконтакте вместо указанной на скрине. Спасибо.

Здравствуйте.
В шаблоне html найдите данный код:

	<!-- Виджет сообществ -->
	<div id="community_widget_right">
	  <div class="community-widget">
		<span class="community-widget-button"><i class="fa fa-vk"></i></span>
		<div class="community-widget-content">
		  <!-- VK Widget. Замените id(20003922) на id Вашей группы -->
		  <div id="vk_groups"></div>
		  <script type="text/javascript">
		  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
		  </script>
		</div>
	  </div>
	</div>

И замените id(20003922) на id Вашей группы .
Проверьте, пожалуйста.

#55 ilka6k

ilka6k

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

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

Отправлено 09 Октябрь 2015 - 22:00

Просмотр сообщенияRayLi (09 Октябрь 2015 - 17:49) писал:

Здравствуйте.
В шаблоне html найдите данный код:

<!-- Виджет сообществ -->
<div id="community_widget_right">
	 <div class="community-widget">
	 <span class="community-widget-button"><i class="fa fa-vk"></i></span>
	 <div class="community-widget-content">
		 <!-- VK Widget. Замените id(20003922) на id Вашей группы -->
		 <div id="vk_groups"></div>
		 <script type="text/javascript">
		 VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
		 </script>
	 </div>
	 </div>
</div>

И замените id(20003922) на id Вашей группы .
Проверьте, пожалуйста.

Не получилось(

Просмотр сообщенияilka6k (09 Октябрь 2015 - 21:59) писал:

Не получилось(

Может что то не так вставил или не туда?

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

  • для сайтв 1.jpg
  • Для сайта.png


#56 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 10 Октябрь 2015 - 00:10

Вам необходимо изменить идентификатор(id) в данной строке:
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
			   

он указан в самом конце строки.

А строка:
<!-- VK Widget. Замените id(20003922) на id Вашей группы -->
не является кодом, а просто комментарием к нему, для общего понимания о чем этот код =)

#57 ilka6k

ilka6k

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

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

Отправлено 10 Октябрь 2015 - 00:40

Просмотр сообщенияVaccina (10 Октябрь 2015 - 00:10) писал:

Вам необходимо изменить идентификатор(id) в данной строке:
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
			

он указан в самом конце строки.

А строка:
<!-- VK Widget. Замените id(20003922) на id Вашей группы -->
не является кодом, а просто комментарием к нему, для общего понимания о чем этот код =)

Спасибо вам)

#58 ilka6k

ilka6k

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

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

Отправлено 10 Октябрь 2015 - 11:55

Просмотр сообщенияVaccina (10 Октябрь 2015 - 00:10) писал:

Вам необходимо изменить идентификатор(id) в данной строке:
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
			

он указан в самом конце строки.

А строка:
<!-- VK Widget. Замените id(20003922) на id Вашей группы -->
не является кодом, а просто комментарием к нему, для общего понимания о чем этот код =)

Доброе утро, теперь почему-то ссылки на youtube и вконтакте не работают, как их перенастроить?

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

  • Для сайта.png


#59 Firefly

Firefly

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

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

Отправлено 10 Октябрь 2015 - 12:30

Просмотр сообщенияilka6k (10 Октябрь 2015 - 11:55) писал:

Доброе утро, теперь почему-то ссылки на youtube и вконтакте не работают, как их перенастроить?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
				<ul class="connect-us">
				  <li><a href="#" class="fa fa-facebook"></a></li>
				  <li><a href="#" class="fa fa-twitter"></a></li>
				  <li><a href="#" class="fa fa-youtube"></a></li>
				  <li><a href="#" class="fa fa-vk"></a></li>
				</ul>

В данном коде вставьте необходимые ссылки вместо #

#60 ilka6k

ilka6k

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

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

Отправлено 10 Октябрь 2015 - 15:27

Просмотр сообщенияFirefly (10 Октябрь 2015 - 12:30) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
			 <ul class="connect-us">
				 <li><a href="#" class="fa fa-facebook"></a></li>
				 <li><a href="#" class="fa fa-twitter"></a></li>
				 <li><a href="#" class="fa fa-youtube"></a></li>
				 <li><a href="#" class="fa fa-vk"></a></li>
			 </ul>

В данном коде вставьте необходимые ссылки вместо #

А как значок instagram добавить. С сылками разобрался, спасибо)

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

  • для сайтв 1.jpg





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

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