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


Как Сделать Слайды На Главной Странице?

слайды

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

#1 ivanov1805

ivanov1805

    Новичок

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

Отправлено 11 Январь 2013 - 20:41

Здравствуйте!
Вот мой сайт http://бадминтонная-экипировка.рф/ . Подскажите пожалуйста как сделать слайды (3-5 штук) на главной странице ? Желательно подробно и по пунктам, если можно.
Спасибо вам заранее и очень жду ответа.

#2 Koderhan

Koderhan

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

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

Отправлено 11 Январь 2013 - 20:50

Просмотр сообщенияivanov1805 (11 Январь 2013 - 20:41) писал:

Здравствуйте!
Вот мой сайт http://бадминтонная-экипировка.рф/ . Подскажите пожалуйста как сделать слайды (3-5 штук) на главной странице ? Желательно подробно и по пунктам, если можно.
Спасибо вам заранее и очень жду ответа.
Для добавления слайдера на главную страницу вы можете воспользоваться данной инструкцией.http://storeland.ru/about/faq#51

#3 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

Можно использовать слайдер. Информация по установке слайдера есть в нашем FAQ http://storeland.ru/about/faq#51

#4 ivanov1805

ivanov1805

    Новичок

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

Отправлено 11 Январь 2013 - 21:37

Просмотр сообщенияVaccina (11 Январь 2013 - 21:01) писал:

Можно использовать слайдер. Информация по установке слайдера есть в нашем FAQ http://storeland.ru/about/faq#51
Спасибо ,получилось. Вот только как заменить картинки в слайдере на свои?

#5 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Январь 2013 - 21:50

Изображения необходимо загрузить в разделе редактора тем или в разделе файлы. Далее необходимо в коде слайдера заменить ссылку на изображения в атрибуте src тега <img>

#6 ivanov1805

ivanov1805

    Новичок

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

Отправлено 11 Январь 2013 - 22:25

Спасибо Большое !
все получилось !!!

#7 AS1987

AS1987

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

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

Отправлено 17 Март 2013 - 14:43

Просмотр сообщенияVaccina (11 Январь 2013 - 21:50) писал:

Изображения необходимо загрузить в разделе редактора тем или в разделе файлы. Далее необходимо в коде слайдера заменить ссылку на изображения в атрибуте src тега <img>

у меня тема мокко, сделал,как вы указали,только почему то картинки не стал выводить,что делать подскажите пожалуйста
SL-166751

#8 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 17 Март 2013 - 15:46

Просмотр сообщенияAS1987 (17 Март 2013 - 14:43) писал:

у меня тема мокко, сделал,как вы указали,только почему то картинки не стал выводить,что делать подскажите пожалуйста
SL-166751
Данная проблема у вас актуальна?
на сайте http://mobilesar.ru/ отображение сайта и Слайдер отличное!!

#9 AS1987

AS1987

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

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

Отправлено 17 Март 2013 - 18:22

Просмотр сообщенияMikola (17 Март 2013 - 15:46) писал:

Данная проблема у вас актуальна?
на сайте http://mobilesar.ru/ отображение сайта и Слайдер отличное!!

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

#10 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 17 Март 2013 - 19:57

Просмотр сообщенияAS1987 (17 Март 2013 - 18:22) писал:

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

#11 AS1987

AS1987

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

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

Отправлено 17 Март 2013 - 22:27

Просмотр сообщенияMikola (17 Март 2013 - 19:57) писал:

проверьте правильность написания кода в слайдере
и правильность пути к картинке...
Возможно у вас не правильно прописан путь до картинки или не верный путь к файлу

Писал все,как указано в инструкции, единственное,что отличается, так это

у меня шесть файлов указано, хотя по инструкции всего четыре, + название отличается

Посмотрите пожалуйста, не могу найти ошибку

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

  • 1.jpg
  • 2.jpg


#12 AS1987

AS1987

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

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

Отправлено 17 Март 2013 - 23:20

Просмотр сообщенияVaccina (11 Январь 2013 - 21:50) писал:

Изображения необходимо загрузить в разделе редактора тем или в разделе файлы. Далее необходимо в коде слайдера заменить ссылку на изображения в атрибуте src тега <img>

а так же подскажите,как заменить ссылку в атрибуте src тега <img> ? где его искать? и что вставлять ?

#13 miyako

miyako

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

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

Отправлено 18 Март 2013 - 07:27

Просмотр сообщенияAS1987 (17 Март 2013 - 23:20) писал:

а так же подскажите,как заменить ссылку в атрибуте src тега <img> ? где его искать? и что вставлять ?

<img src="{ASSETS_IMAGES_PATH} название изображение">
Проверьте подключили ли вы скрипт и стили в <head> </head>

#14 102392

102392

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

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

Отправлено 07 Июнь 2013 - 00:36

Сделал все по инструкции. Слайдер не появился.

#15 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Июнь 2013 - 01:30

на данный момент, слайдер у вас отображается и работает корректно

#16 102392

102392

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

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

Отправлено 07 Июнь 2013 - 14:55

спасибо, нашел.
а можно его наверх поставить?

#17 Stasya

Stasya

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

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

Отправлено 07 Июнь 2013 - 15:08

Вам необходимо в шаблоне 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 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 %}
убрать его с прежнего место нахождения и поставить перед блоком
<!-- Список товаров на главной -->


#18 102392

102392

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

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

Отправлено 08 Июнь 2013 - 10:30

Спасибо

#19 catalogck

catalogck

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

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

Отправлено 20 Июль 2013 - 06:55

Здравствуйте.
Проделал по инструкции.
Слайд появился.
Но есть вопросы:
http://catalogck.storeland.ru/

1) слайд зачем-то сжимается-раздвигается по высоте при смене картинок. Т.е. имеет не фиксированную высоту. В результате сайт двигается вверх-вниз.
Что это и как это убрать?

2) зачем-то в верхнем левом углу появляется миниатюра следующего слайдера, который будет показываться.
Как это убрать?

3) ниже слада расположены "кнопки" смены слайдов и они расположены на большом расстоянии от самого слайда.
Как сократить это расстояние, поместив "кнопки" как можно ближе к нижнему краю слайда?

Спасибо.

#20 miyako

miyako

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

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

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

Просмотр сообщенияcatalogck (20 Июль 2013 - 06:55) писал:

Здравствуйте.
Проделал по инструкции.
Слайд появился.
Но есть вопросы:
http://catalogck.storeland.ru/

1) слайд зачем-то сжимается-раздвигается по высоте при смене картинок. Т.е. имеет не фиксированную высоту. В результате сайт двигается вверх-вниз.
Что это и как это убрать?

2) зачем-то в верхнем левом углу появляется миниатюра следующего слайдера, который будет показываться.
Как это убрать?

3) ниже слада расположены "кнопки" смены слайдов и они расположены на большом расстоянии от самого слайда.
Как сократить это расстояние, поместив "кнопки" как можно ближе к нижнему краю слайда?

Спасибо.

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

3) Найдите код:
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://catalogck.storeland.net/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;
}
в nyvo.css
В нем измените margin-bottom: 50px; на margin-bottom: 0px;

По 2) Попробуйте воспользоваться инструкцией - http://forum.storela...сть/#entry64417





Темы с аналогичным тегами слайды

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

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