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


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

слайды

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

#21 catalogck

catalogck

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

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

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

Спасибо за помощь )

#22 magamg

magamg

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

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

Отправлено 03 Август 2013 - 11:30

Добрый день.
Вопрос по слайдеру, шаблон техника. сайт http://5pokupok.ru/

1 - как поднять слайдер в верх страницы
2 - если есть возможность удалит эти точки


#23 miyako

miyako

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

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

Отправлено 03 Август 2013 - 12:26

Просмотр сообщенияmagamg (03 Август 2013 - 11:30) писал:

Добрый день.
Вопрос по слайдеру, шаблон техника. сайт http://5pokupok.ru/

1 - как поднять слайдер в верх страницы
2 - если есть возможность удалит эти точки
Прикрепленный файл 03.jpg

Найдите код в шаблоне 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({effect: 'random'}).parent().show();
	});
  </script>
  {% ENDIF %}
и удалите его.
Далее найдите код -
<!-- Главная страница -->
				  {% IF index_page %}
						<div class="cms-index-index">
и замените его на  -
 <!-- Главная страница -->
				  {% 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({effect: 'random'}).parent().show();
	});
  </script>
   <div class="cms-index-index">

2)
Найдите код в nyvo.css -
.nivo-controlNav {
text-align: center;
padding: 15px 0;
}
и замените на -
.nivo-controlNav {
text-align: center;
padding: 15px 0;
display: none;
}


#24 magamg

magamg

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

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

Отправлено 03 Август 2013 - 13:49

Благодарю.
Все работает.

#25 MrsSkipper

MrsSkipper

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

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

Отправлено 03 Сентябрь 2013 - 21:21

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

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

Можно, пжл, поподробнее о том, как убрать превью следующего слайда (маленькое окошко в левом верхнем углу) из ниво слайдера.
Спасибо.

#26 Vaccina

Vaccina

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

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

Отправлено 04 Сентябрь 2013 - 00:50

Пожалуйста, уточните ваш номер аккаунта 196426? Если да, то отключите временно блокировку сайта "Сайт находится в разработке".

#27 MrsSkipper

MrsSkipper

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

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

Отправлено 04 Сентябрь 2013 - 13:53

Просмотр сообщенияVaccina (04 Сентябрь 2013 - 00:50) писал:

Пожалуйста, уточните ваш номер аккаунта 196426? Если да, то отключите временно блокировку сайта "Сайт находится в разработке".

да, блокировку отключила

#28 Vaccina

Vaccina

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

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

Отправлено 05 Сентябрь 2013 - 02:33

Найдите в файле стилей nyvo.css (раздел редактора тем)

.nivoSlider img {
	left: 0;
	position: absolute;
	top: 0;
}

и замените на

.nivoSlider img {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 6;
}


#29 MrsSkipper

MrsSkipper

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

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

Отправлено 05 Сентябрь 2013 - 21:45

Спасибо, работает!

#30 brillik21

brillik21

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

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

Отправлено 25 Январь 2014 - 17:47

Просмотр сообщенияmiyako (18 Март 2013 - 07:27) писал:

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

#31 @lina_va

@lina_va

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

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

Отправлено 25 Январь 2014 - 18:30

Просмотр сообщенияbrillik21 (25 Январь 2014 - 17:47) писал:

Помогите , не могу разобраться, где и как поменять картинки слайдера на свои!
Добрый вечер
Загрузите картинки в бэкофис и пропишите названия картинок или путь к ним в html:
<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="" />


#32 brillik21

brillik21

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

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

Отправлено 25 Январь 2014 - 18:40

Просмотр сообщения@lina_va (25 Январь 2014 - 18:30) писал:

Добрый вечер
Загрузите картинки в бэкофис и пропишите названия картинок или путь к ним в html:
<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="" />
Спасибо, сейчас попробую! )

#33 brillik21

brillik21

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

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

Отправлено 25 Январь 2014 - 19:00

Просмотр сообщенияbrillik21 (25 Январь 2014 - 18:40) писал:

Спасибо, сейчас попробую! )
Попробовал поставить одну картинку, но почему то не запускается....когда очередь доходит слайдер сужается и не открывает картинку! Разрешения поставил 600х255
Что не так?

Просмотр сообщенияbrillik21 (25 Январь 2014 - 19:00) писал:

Попробовал поставить одну картинку, но почему то не запускается....когда очередь доходит слайдер сужается и не открывает картинку! Разрешения поставил 600х255
Что не так?
http://vitrina-gifts.storeland.ru/

#34 @lina_va

@lina_va

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

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

Отправлено 25 Январь 2014 - 19:05

Просмотр сообщенияbrillik21 (25 Январь 2014 - 19:00) писал:

Попробовал поставить одну картинку, но почему то не запускается....когда очередь доходит слайдер сужается и не открывает картинку! Разрешения поставил 600х255
Что не так?

http://vitrina-gifts.storeland.ru/
Проверьте путь к вашей картинке
<img src="/img/faq/questions/nyvo_slider/Вертолет2.jpg" alt="" />
должно быть так:
<img src="{ASSETS_IMAGES_PATH}Вертолет2.jpg" alt="" />


#35 brillik21

brillik21

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

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

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

И еще вопросик....Можно ли убрать эту пустоту! Поднять.... на скрине.

Просмотр сообщения@lina_va (25 Январь 2014 - 19:05) писал:

Проверьте путь к вашей картинке
<img src="/img/faq/questions/nyvo_slider/Вертолет2.jpg" alt="" />
должно быть так:
<img src="Вертолет2.jpg" alt="" />
Запутался с кодом......
Что тут поменять........
div id="slider">

<img src="http://storeland.ru/...der/slider.jpg" alt="" />

<a href="/"><img src="/img/faq/questions/nyvo_slider/Вертолет2.jpg" alt="" /></a>

<img title="Пример картинки с заголовком" src="http://storeland.ru/...r/toystory.jpg" alt="" />

<img src="http://storeland.ru/...ider/walle.jpg" alt="" />

<img src="http://storeland.ru/...lider/cars.jpg" alt="" />

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

  • Вопрос.gif


#36 @lina_va

@lina_va

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

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

Отправлено 25 Январь 2014 - 19:23

Просмотр сообщенияbrillik21 (25 Январь 2014 - 19:11) писал:

И еще вопросик....Можно ли убрать эту пустоту! Поднять.... на скрине.


Запутался с кодом......
Что тут поменять........
div id="slider">

<img src="http://storeland.ru/...der/slider.jpg" alt="" />

<a href="/"><img src="/img/faq/questions/nyvo_slider/Вертолет2.jpg" alt="" /></a>

<img title="Пример картинки с заголовком" src="http://storeland.ru/...r/toystory.jpg" alt="" />

<img src="http://storeland.ru/...ider/walle.jpg" alt="" />

<img src="http://storeland.ru/...lider/cars.jpg" alt="" />
Нужно поменять все ссылки на изображения
картинки, которые вы загружаете находятся не на  http://storeland.ru/..
Ссылки должны выглядеть так:
<img src="{ASSETS_IMAGES_PATH}1.jpg">

1.jpg
- здесь должно быть название слайда

#37 brillik21

brillik21

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

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

Отправлено 25 Январь 2014 - 19:27

Просмотр сообщения@lina_va (25 Январь 2014 - 19:23) писал:

Нужно поменять все ссылки на изображения
картинки, которые вы загружаете находятся не на  http://storeland.ru/..
Ссылки должны выглядеть так:
<img src="{ASSETS_IMAGES_PATH}1.jpg">

1.jpg
- здесь должно быть название слайда
Благодарю ! Разобрался! )))

Возможно ли (на скрине) убрать пустоту, поднять Добро пожаловать к слайдеру!
Заранее спасибо! )

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

  • Вопрос.gif


#38 @lina_va

@lina_va

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

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

Отправлено 26 Январь 2014 - 09:56

Просмотр сообщенияbrillik21 (25 Январь 2014 - 19:27) писал:

Благодарю ! Разобрался! )))

Возможно ли (на скрине) убрать пустоту, поднять Добро пожаловать к слайдеру!
Заранее спасибо! )
В nyvo.css замените:
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://vitrina-gifts.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;
}
на
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://vitrina-gifts.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}


#39 brillik21

brillik21

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

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

Отправлено 26 Январь 2014 - 13:52

Просмотр сообщения@lina_va (26 Январь 2014 - 09:56) писал:

В nyvo.css замените:
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://vitrina-gifts.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;
}
на
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://vitrina-gifts.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
Спасибо! Значительно уменьшилось!

#40 brillik21

brillik21

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

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

Отправлено 26 Январь 2014 - 14:05

Помогите со слайдером! Хотел научиться менять режимы переключения не получается! (

Просмотр сообщенияbrillik21 (26 Январь 2014 - 14:04) писал:

Помогите со слайдером! Хотел научиться менять режимы переключения не получается! (
http://vitrina-gifts.storeland.ru/





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

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

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