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


Nivo Slider

Автор oneram, 17 апр. 2012 14:52

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

#161 sengun

sengun

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

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

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

Просмотр сообщенияKeks (20 Ноябрь 2013 - 15:37) писал:

Да, так и делала, потом загрузила изображения, поменяла названия в коде. Поменяла размеры в HTML и nyro_defult.css . Потом вы сказали загрузить картинки в файлы и поменять код, загрузила, поменяла.
Слайдер не работает.
Код вк вставила, работает.
Здравствуйте.
У вас в коде слайдера прописаны некорректные ссылки на изображения.
Например
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider_1.jpg" alt="" />
должно быть так
<img src="{ASSETS_IMAGES_PATH}slider_1.jpg" alt="" />
И так для всех тегов <img> : переменная {ASSETS_IMAGES_PATH}, за которой сразу следует название картинки.
{ASSETS_IMAGES_PATH} - это переменная, содержащая путь до файлов, загруженных в разделе "Сайт" - "Редактор шаблонов".

#162 Keks

Keks

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

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

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

Просмотр сообщенияsengun (20 Ноябрь 2013 - 15:46) писал:

Здравствуйте.
У вас в коде слайдера прописаны некорректные ссылки на изображения.
Например
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider_1.jpg" alt="" />
должно быть так
<img src="{ASSETS_IMAGES_PATH}slider_1.jpg" alt="" />
И так для всех тегов <img> : переменная {ASSETS_IMAGES_PATH}, за которой сразу следует название картинки.
{ASSETS_IMAGES_PATH} - это переменная, содержащая путь до файлов, загруженных в разделе "Сайт" - "Редактор шаблонов".
спасибо большое) получилось)
а как выровнять слайдер посередине странице, а то он прижат справа. Как округлить углы? и можно отрегулировать время когда слайды меняются?

#163 ne_yana

ne_yana

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

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

Отправлено 20 Ноябрь 2013 - 19:25

Просмотр сообщенияKeks (20 Ноябрь 2013 - 19:15) писал:

спасибо большое) получилось)
а как выровнять слайдер посередине странице, а то он прижат справа. Как округлить углы? и можно отрегулировать время когда слайды меняются?
Здравствуйте, в файле nyro_default.css замените
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://design.keksik-bijou.ru/nyro_loading.gif) no-repeat 50% 50%;
margin-bottom: 0px;
-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://design.keksik-bijou.ru/nyro_loading.gif) no-repeat 50% 50%;
margin-bottom: 0px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
margin: auto;
border-radius: 10px;
}

В файле jquery.nivo.slider.pack.js в коде
pauseTime:3e3

измените значение 3е3 (=3 секунды) на желаемое.

#164 Keks

Keks

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

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

Отправлено 20 Ноябрь 2013 - 20:19

Просмотр сообщенияne_yana (20 Ноябрь 2013 - 19:25) писал:

Здравствуйте, в файле nyro_default.css замените
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://design.keksik-bijou.ru/nyro_loading.gif) no-repeat 50% 50%;
margin-bottom: 0px;
-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://design.keksik-bijou.ru/nyro_loading.gif) no-repeat 50% 50%;
margin-bottom: 0px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
margin: auto;
border-radius: 10px;
}

В файле jquery.nivo.slider.pack.js в коде
pauseTime:3e3

измените значение 3е3 (=3 секунды) на желаемое.
спасибо, срезала углы)
со временем что-то не получается, но это не столь важно...
а ещё подскажите, можно опустить слайдер на уровень каталога?  а то потом там будет широкая шапка, чтобы слайде не мешал.
И как убрать название магазина, чтобы "Главная » KeksShop" было повыше.Безымянный.png

#165 Castiel

Castiel

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

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

Отправлено 20 Ноябрь 2013 - 21:02

Просмотр сообщенияKeks (20 Ноябрь 2013 - 20:19) писал:

спасибо, срезала углы)
со временем что-то не получается, но это не столь важно...
а ещё подскажите, можно опустить слайдер на уровень каталога?  а то потом там будет широкая шапка, чтобы слайде не мешал.
И как убрать название магазина, чтобы "Главная » KeksShop" было повыше.Прикрепленный файл Безымянный.png

Чтобы убрать название магазина с главной страницы вам необходимо отредактировать шаблон Страница
Найти и удалить
{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}

Для того чтобы опустить слайдер вам необходимо отредактировать main.css
Находим
						  <!-- Обёртка, указывающая стиль темы -->
						  <div class="theme-default" style="padding-top:1em;" style="display:none;" style="width: 480px; height: 195px; overflow: hidden;">

Заменяем на
						  <!-- Обёртка, указывающая стиль темы -->
						  <div class="theme-default" style="padding-top:100px;" style="display:none;" style="width: 480px; height: 195px; overflow: hidden;">

#166 Keks

Keks

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

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

Отправлено 20 Ноябрь 2013 - 23:49

Просмотр сообщенияCastiel (20 Ноябрь 2013 - 21:02) писал:

Чтобы убрать название магазина с главной страницы вам необходимо отредактировать шаблон Страница
Найти и удалить
{% IF PAGE_NAME %}
<div class="page-headline">
<h1>{PAGE_NAME}</h1>
</div>
{% ENDIF %}

Для того чтобы опустить слайдер вам необходимо отредактировать main.css
Находим
<!-- Обёртка, указывающая стиль темы -->
						 <div class="theme-default" style="padding-top:1em;" style="display:none;" style="width: 480px; height: 195px; overflow: hidden;">

Заменяем на
<!-- Обёртка, указывающая стиль темы -->
						 <div class="theme-default" style="padding-top:100px;" style="display:none;" style="width: 480px; height: 195px; overflow: hidden;">
Первое получилось, спасибо.
А второе не получается, у меня нет данного фрагмента.

#167 Vaccina

Vaccina

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

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

Отправлено 21 Ноябрь 2013 - 04:18

найдите в шаблоне "HTML" код

<td class="content_body cont700">
			 <!-- Вешаем слайдер на главной -->
						{% IF index_page %}
						  <!-- Обёртка, указывающая стиль темы -->
						  <div class="theme-default" style="padding-top:1em;" style="display:none;" style="width: 480px; height: 195px; overflow: hidden;">
								<!-- Непосредственный код слайдера -->
								<div id="slider">
								 <a href="http://keksik-bijou.ru/user/register"><img src="{ASSETS_IMAGES_PATH}slider_1.jpg" alt="" /></a>
								 <a href="http://keksik-bijou.ru/catalog/Originalnye-ukrasheniya"><img src="{ASSETS_IMAGES_PATH}slider_2.jpg" alt="" /></a>
								 <a href="http://keksik-bijou.ru/discount"><img src="{ASSETS_IMAGES_PATH}slider_3.jpg" alt="" /></a>
								 </div>
						  </div>
						 
						  <!-- Запуск слайдера -->
						  <script type="text/javascript">
														 $(window).load(function() {
																		 $('#slider').nivoSlider();
														 });
												 </script>
						{% ENDIF %}
			  {BODY}
			 
			  <!-- Всевозможные списки товаров -->
			  {% IF index_page %}

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

<td class="content_body cont700">
			
			  {BODY}
			 
			  <!-- Всевозможные списки товаров -->
			  {% IF index_page %}

далее в шаблоне "Страница" найдите

<!-- Контент страницы -->
  <div class="htmlDataBlock">
	{PAGE_CONTENT}
  </div>

и замените на

<!-- Вешаем слайдер на главной -->
						{% IF index_page %}
						  <!-- Обёртка, указывающая стиль темы -->
						  <div class="theme-default" style="padding-top:1em;" style="display:none;" style="width: 480px; height: 195px; overflow: hidden;">
								<!-- Непосредственный код слайдера -->
								<div id="slider">
								 <a href="http://keksik-bijou.ru/user/register"><img src="{ASSETS_IMAGES_PATH}slider_1.jpg" alt="" /></a>
								 <a href="http://keksik-bijou.ru/catalog/Originalnye-ukrasheniya"><img src="{ASSETS_IMAGES_PATH}slider_2.jpg" alt="" /></a>
								 <a href="http://keksik-bijou.ru/discount"><img src="{ASSETS_IMAGES_PATH}slider_3.jpg" alt="" /></a>
								 </div>
						  </div>
						 
						  <!-- Запуск слайдера -->
						  <script type="text/javascript">
														 $(window).load(function() {
																		 $('#slider').nivoSlider();
														 });
												 </script>
						{% ENDIF %}
	 
	  <!-- Контент страницы -->
  <div class="htmlDataBlock">
	{PAGE_CONTENT}
  </div>

#168 Keks

Keks

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

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

Отправлено 21 Ноябрь 2013 - 15:18

Просмотр сообщенияVaccina (21 Ноябрь 2013 - 04:18) писал:

найдите в шаблоне "HTML" код

<td class="content_body cont700">
			 <!-- Вешаем слайдер на главной -->
					 {% IF index_page %}
						 <!-- Обёртка, указывающая стиль темы -->
						 <div class="theme-default" style="padding-top:1em;" style="display:none;" style="width: 480px; height: 195px; overflow: hidden;">
							 <!-- Непосредственный код слайдера -->
							 <div id="slider">
								 <a href="http://keksik-bijou.ru/user/register"><img src="{ASSETS_IMAGES_PATH}slider_1.jpg" alt="" /></a>
								 <a href="http://keksik-bijou.ru/catalog/Originalnye-ukrasheniya"><img src="{ASSETS_IMAGES_PATH}slider_2.jpg" alt="" /></a>
								 <a href="http://keksik-bijou.ru/discount"><img src="{ASSETS_IMAGES_PATH}slider_3.jpg" alt="" /></a>
								 </div>
						 </div>
						
						 <!-- Запуск слайдера -->
						 <script type="text/javascript">
														 $(window).load(function() {
																		 $('#slider').nivoSlider();
														 });
												 </script>
					 {% ENDIF %}
			 {BODY}
			
			 <!-- Всевозможные списки товаров -->
			 {% IF index_page %}

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

<td class="content_body cont700">
			
			 {BODY}
			
			 <!-- Всевозможные списки товаров -->
			 {% IF index_page %}

далее в шаблоне "Страница" найдите

<!-- Контент страницы -->
<div class="htmlDataBlock">
{PAGE_CONTENT}
</div>

и замените на

<!-- Вешаем слайдер на главной -->
					 {% IF index_page %}
						 <!-- Обёртка, указывающая стиль темы -->
						 <div class="theme-default" style="padding-top:1em;" style="display:none;" style="width: 480px; height: 195px; overflow: hidden;">
							 <!-- Непосредственный код слайдера -->
							 <div id="slider">
								 <a href="http://keksik-bijou.ru/user/register"><img src="{ASSETS_IMAGES_PATH}slider_1.jpg" alt="" /></a>
								 <a href="http://keksik-bijou.ru/catalog/Originalnye-ukrasheniya"><img src="{ASSETS_IMAGES_PATH}slider_2.jpg" alt="" /></a>
								 <a href="http://keksik-bijou.ru/discount"><img src="{ASSETS_IMAGES_PATH}slider_3.jpg" alt="" /></a>
								 </div>
						 </div>
						
						 <!-- Запуск слайдера -->
						 <script type="text/javascript">
														 $(window).load(function() {
																		 $('#slider').nivoSlider();
														 });
												 </script>
					 {% ENDIF %}
	
	 <!-- Контент страницы -->
<div class="htmlDataBlock">
{PAGE_CONTENT}
</div>
Получилось, спасибо)
А можно ещё пониже слайдер опустить? и как убрать строчку "Главная » KeksShop" ?

#169 sengun

sengun

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

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

Отправлено 21 Ноябрь 2013 - 15:34

Просмотр сообщенияKeks (21 Ноябрь 2013 - 15:18) писал:

Получилось, спасибо)
А можно ещё пониже слайдер опустить? и как убрать строчку "Главная » KeksShop" ?
В шаблоне "Страница" замените код
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->
на этот
<!-- Строка пути -->
{% IFNOT index_page %}
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
{% ENDIF %}
  <!-- end Строка пути -->

А  чтобы опускать слайдер ниже, в nyvo.css добавьте такой код
.theme-default {
margin-top: 10px;
}
10px - отступ от слайдера сверху.

#170 abodon737

abodon737

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

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

Отправлено 26 Ноябрь 2013 - 15:43

Вставил слайдер по инструкции в начале топика , в шаблон СИЯНИЕ, в итоге слайдер работает мягко говоря не корректно, а находится НАД хедером. Прошу помочь.
http://f2296.storeland.ru/

#171 abodon737

abodon737

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

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

Отправлено 26 Ноябрь 2013 - 16:14

непонятно как расположить его в нужном месте и как регулировать размер слайдера?

#172 abodon737

abodon737

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

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

Отправлено 26 Ноябрь 2013 - 16:28

Нужно расположить под меню под словами
Мы рады видеть Вас!
справа от каталога товаров...

#173 Koderhan

Koderhan

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

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

Отправлено 26 Ноябрь 2013 - 16:49

Просмотр сообщенияabodon737 (26 Ноябрь 2013 - 16:28) писал:

Нужно расположить под меню под словами
Мы рады видеть Вас!
справа от каталога товаров...
Код слайдера вы можете вставить в исходный код страницы которая выводится на главной странице. В разделе САйт -> Страницы вы можете изменить исходный код через кнопку "Источник".

#174 abodon737

abodon737

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

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

Отправлено 26 Ноябрь 2013 - 17:05

какой код слайдера можно вставить и изменять через источник В разделе САйт -> Страницы и каким образом, не понимаю...?

#175 Koderhan

Koderhan

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

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

Отправлено 26 Ноябрь 2013 - 17:41

Просмотр сообщенияabodon737 (26 Ноябрь 2013 - 17:05) писал:

какой код слайдера можно вставить и изменять через источник В разделе САйт -> Страницы и каким образом, не понимаю...?
Код слайдера который вы вставили в файл html.
ScreenShot 924.png ScreenShot 925.png ScreenShot 926.png ScreenShot 927.png

#176 abodon737

abodon737

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

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

Отправлено 27 Ноябрь 2013 - 09:01

Перенёс слайдер В раздел САйт -> Страницы, теперь не отображаются картинки + нужно чтобы слайдер был фиксированного размера, а не зависел от размера картинок. http://f2296.storeland.ru/

#177 Castiel

Castiel

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

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

Отправлено 27 Ноябрь 2013 - 09:30

Просмотр сообщенияabodon737 (27 Ноябрь 2013 - 09:01) писал:

Перенёс слайдер В раздел САйт -> Страницы, теперь не отображаются картинки + нужно чтобы слайдер был фиксированного размера, а не зависел от размера картинок. http://f2296.storeland.ru/

Обновите код слайдера на этот
<div class="theme-default" style="padding-top:1em;"><!-- Непосредственный код слайдера -->
<div id="slider">
<img alt="" src="http://f2296.storeland.ru/slider_1.jpg" style="width: 680px; height: 300px;" /><a href=" ТУТ ССЫЛКА НА СТРАНИЦУ ">
<img alt="" src="http://f2296.storeland.ru/slider_2.jpg" style="width: 680px; height: 300px;" /></a> 
<img alt="" src="http://f2296.storeland.ru/slider_3.jpg" style="width: 680px; height: 300px;" title="Пример картинки с заголовком" /> 
<img alt="" src="http://f2296.storeland.ru/slider_4.jpg" style="width: 680px; height: 300px;"/> 
<img alt="" src="http://f2296.storeland.ru/slider_5.jpg" style="width: 680px; height: 300px;" /></div>
</div>

style="width: 680px; height: 300px;  Размеры картинок

#178 abodon737

abodon737

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

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

Отправлено 27 Ноябрь 2013 - 10:06

Обновите код слайдера на этот
<div class="theme-default" style="padding-top:1em;"><!-- Непосредственный код слайдера -->
<div id="slider">
<img alt="" src="http://f2296.storela...u/slider_1.jpg" style="width: 680px; height: 300px;" /><a href=" ТУТ ССЫЛКА НА СТРАНИЦУ ">
<img alt="" src="http://f2296.storela...u/slider_2.jpg" style="width: 680px; height: 300px;" /></a>
<img alt="" src="http://f2296.storela...u/slider_3.jpg" style="width: 680px; height: 300px;" title="Пример картинки с заголовком" />
<img alt="" src="http://f2296.storela...u/slider_4.jpg" style="width: 680px; height: 300px;"/>
<img alt="" src="http://f2296.storela...u/slider_5.jpg" style="width: 680px; height: 300px;" /></div>
</div>



Кнопочки снизу очень далеко от слайдера, как их поднять выше под слайдер?

#179 abodon737

abodon737

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

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

Отправлено 27 Ноябрь 2013 - 10:18

...

Сообщение отредактировал abodon737: 27 Ноябрь 2013 - 10:50

#180 Castiel

Castiel

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

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

Отправлено 27 Ноябрь 2013 - 11:11

Просмотр сообщенияabodon737 (27 Ноябрь 2013 - 10:18) писал:

...

Вам необходимо перезалить (удалить старые, загрузить новые) ваши обновленные картинки для слайдера.

Сайт - Файлы
Там мы видим наши картинки для слайдера, они все должны быть одного размера (например 680х300). При нажатии на кнопку мы получаем ссылку на изображение, эту ссылку мы копируем и вставляем в код слайдера
Пример:
<img alt="" src="http://st.storeland.net/2/860/561/slider_1.jpg" style="width: 680px; height: 300px;" />

Обратно в Другое


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Вопросы общие для всех шаблонов
  5. → Другое
  6. Privacy Policy