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


Слайдер На Главной

Автор asya1983, 11 окт. 2014 20:34

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

#41 Vaccina

Vaccina

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

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

Отправлено 01 Апрель 2015 - 06:10

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

#42 Levchik

Levchik

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

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

Отправлено 05 Апрель 2015 - 17:14

Просмотр сообщенияИрина345 (08 Декабрь 2014 - 20:57) писал:

Здравствуйте,
1
1. найдите в HTML
{% IF index_page %}
				<div id="module_area">
				 <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					 <li>					
						<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
					 </li>
					 <li>					
						<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
					 </li>
					 <li>					
						<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
					 </li>
					</ul>
				 </div>
				</div>
			 {% ENDIF %}
замените на
{% IF index_page %}
				<div id="module_area">
				 <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					 <li>					
					 <a href="ссылка к 1 картинки"> <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img"></a>
					 </li>
					 <li>					
					 <a href="ссылка к 2 картинки"> <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img"></a>
					 </li>
					 <li>					
					 <a href="ссылка к 3 картинки">	<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img"></a>
					 </li>
					</ul>
				 </div>
				</div>
			 {% ENDIF %}

для решения остальных вопросов пришлите пожалуйста ваш аккаунт

после внесения изменений в IE слайдер показывается, а в Опере - нет.
Помогите исправить ошибку. Изменения пока откатил обратно.

#43 Ирина345

Ирина345

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

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

Отправлено 06 Апрель 2015 - 17:29

Просмотр сообщенияLevchik (05 Апрель 2015 - 17:14) писал:

после внесения изменений в IE слайдер показывается, а в Опере - нет.
Помогите исправить ошибку. Изменения пока откатил обратно.
Здравствуйте, на данный момент слайдер работает во всех браузерах.

#44 Levchik

Levchik

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

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

Отправлено 06 Апрель 2015 - 18:50

Просмотр сообщенияИрина345 (06 Апрель 2015 - 17:29) писал:

Здравствуйте, на данный момент слайдер работает во всех браузерах.

Как я и писал, слайдер работает, т.к. я не стал сохранять предложенные изменения. Если их сделать, ошибка возникает.

#45 Vaccina

Vaccina

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

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

Отправлено 07 Апрель 2015 - 02:41

В шаблоне HTML найдите:
<ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
			  </ul>

замените на:
<ul class="slides">
				<li><a href="#">
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</a></li>
				<li><a href="#">
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</a></li>
				<li><a href="#">
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</a></li>
			  </ul>

вместо # пропишите необходимые ссылки, после таких изменений в Opera слайдер отображается и работает корректно

#46 Levchik

Levchik

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

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

Отправлено 07 Апрель 2015 - 07:56

Просмотр сообщенияVaccina (07 Апрель 2015 - 02:41) писал:



вместо # пропишите необходимые ссылки, после таких изменений в Opera слайдер отображается и работает корректно

Первый раз, естественно, тоже там ссылки свои прописывал. И не работало.
Сейчас всё нормально, спасибо!

#47 Olga2209

Olga2209

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

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

Отправлено 24 Апрель 2015 - 12:51

Добрый день!

Как установить вместо слайдера статичный баннер с теми же размерами? Заранее благодарю.

Шаблон весна, аккаунт SL-267183

#48 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 24 Апрель 2015 - 13:23

Просмотр сообщенияOlga2209 (24 Апрель 2015 - 12:51) писал:

Добрый день!

Как установить вместо слайдера статичный баннер с теми же размерами? Заранее благодарю.

Шаблон весна, аккаунт SL-267183
Здравствуйте.
В шаблоне html найдите код 
		<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <a href="http://podarikartinu.ru/catalog/Interernye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}02.png) no-repeat;"></div></a>
				  <img src="{ASSETS_IMAGES_PATH}02.png.jpg" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <a href="http://podarikartinu.ru/catalog/Modulnye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide2.jpg) no-repeat;"></div></a>
				  <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <a href="http://podarikartinu.ru/catalog/Modulnye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide3.jpg) no-repeat;"></div></a>
				  <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="Slide 3" class="slide_img">
				</li>
				<li>
				  <a href="http://podarikartinu.ru/catalog/Interernye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide4.jpg) no-repeat;"></div></a>
				  <img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="Slide 4" class="slide_img">
				</li>
				<li>
				  <a href="http://podarikartinu.ru/catalog/Modulnye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide5.jpg) no-repeat;"></div></a>
				  <img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="Slide 5" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->
замените на 
		<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
				  <img src="{ASSETS_IMAGES_PATH}02.png" alt="Slide 1" class="slide_img">
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

#49 Olga2209

Olga2209

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

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

Отправлено 24 Апрель 2015 - 14:00

Просмотр сообщенияDanil (24 Апрель 2015 - 13:23) писал:

Здравствуйте.
В шаблоне html найдите код
	 <!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <a href="http://podarikartinu.ru/catalog/Interernye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}02.png) no-repeat;"></div></a>
				 <img src="{ASSETS_IMAGES_PATH}02.png.jpg" alt="Slide 1" class="slide_img">
			 </li>
			 <li>
				 <a href="http://podarikartinu.ru/catalog/Modulnye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide2.jpg) no-repeat;"></div></a>
				 <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="Slide 2" class="slide_img">
			 </li>
			 <li>
				 <a href="http://podarikartinu.ru/catalog/Modulnye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide3.jpg) no-repeat;"></div></a>
				 <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="Slide 3" class="slide_img">
			 </li>
			 <li>
				 <a href="http://podarikartinu.ru/catalog/Interernye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide4.jpg) no-repeat;"></div></a>
				 <img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="Slide 4" class="slide_img">
			 </li>
			 <li>
				 <a href="http://podarikartinu.ru/catalog/Modulnye-kartiny"><div class="bigPic" style="width: 1920px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide5.jpg) no-repeat;"></div></a>
				 <img src="{ASSETS_IMAGES_PATH}slide5.jpg" alt="Slide 5" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->
замените на
	 <!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
				 <img src="{ASSETS_IMAGES_PATH}02.png" alt="Slide 1" class="slide_img">
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

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

#50 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 24 Апрель 2015 - 14:07

Просмотр сообщенияOlga2209 (24 Апрель 2015 - 14:00) писал:

Благодарю, только после изменений баннер уезжает вправо.
У вас отсутствуют изменения, произведите их и отпишитесь, чтобы мы могли исправить ошибку.

#51 BORJOMI-FOOD.RU

BORJOMI-FOOD.RU

    Новичок

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

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

Аккаунт SL-317356

А. Главную страницу сделать как на сайте-образце    http://www.gosniihp.ru/     (только тематика  другая будет)
1. Горизонтальное меню перенести вправо также
2. Сделать фоновый рисунок (размер по высоте коричневая верхняя полоска+ хлеб) такие же параметры
3.  Разделить слайдер на две части также как на сайте-образце и добавить на него текст с ссылками
4. Разделить блоки  ниже   как на сайте- образце


Жду ответа! Спасибо!!!

#52 RayLi

RayLi

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

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

Отправлено 11 Сентябрь 2015 - 20:27

Просмотр сообщенияBORJOMI-FOOD.RU (10 Сентябрь 2015 - 17:10) писал:

Аккаунт SL-317356

А. Главную страницу сделать как на сайте-образце http://www.gosniihp.ru/ (только тематика  другая будет)
1. Горизонтальное меню перенести вправо также
2. Сделать фоновый рисунок (размер по высоте коричневая верхняя полоска+ хлеб) такие же параметры
3.  Разделить слайдер на две части также как на сайте-образце и добавить на него текст с ссылками
4. Разделить блоки  ниже   как на сайте- образце


Жду ответа! Спасибо!!!

Здравствуйте.
Если я правильно понял вашу просьбу, и вам необходимо изменить дизайн вашего интернет-магазина на нашей платформе, чтобы тот в точности соответствовал дизайну присланного вами сайта-образцы, то вам необходимо обратиться к нашим партнёрам - storelandlab.ru .

#53 аккаунт

аккаунт

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений
  • ГородС-Петербург

Отправлено 12 Сентябрь 2015 - 00:15

Здравствуйте,
нужно полностью удалить слайдер с главной страницы (тот что из 4х картинок) чтобы ничего "не перекосило" после этого) Поможете?

#54 Vaccina

Vaccina

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

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

Отправлено 12 Сентябрь 2015 - 00:41

В шаблоне HTML найдите и удалите
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
	<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <a href="/"><img src="http://design.xn--777-iddy3ab1byh.xn--p1ai/%D0%A1%D0%BB%D0%B0%D0%B9%D0%B4%201_2.jpg?3665" alt="" /></a>
<a href="http://xn--777-iddy3ab1byh.xn--p1ai/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0"><img src="http://design.xn--777-iddy3ab1byh.xn--p1ai/%D0%A1%D0%BB%D0%B0%D0%B9%D0%B4%201_3.jpg?5931" alt="" /></a>
	 <a href="http://xn--777-iddy3ab1byh.xn--p1ai/page/%D0%90%D0%BA%D1%86%D0%B8%D0%B8"><img src="http://design.xn--777-iddy3ab1byh.xn--p1ai/%D0%A1%D0%BB%D0%B0%D0%B9%D0%B4%201_4.jpg?3665" alt="" /></a>
<a href="http://xn--777-iddy3ab1byh.xn--p1ai/page/%D0%90%D0%BA%D1%86%D0%B8%D0%B8"><img src="http://design.xn--777-iddy3ab1byh.xn--p1ai/%D0%A1%D0%BB%D0%B0%D0%B9%D0%B4%201_5.jpg?3665" alt="" /></a>
	</div>
  </div>
 
  <!-- Запуск слайдера -->
  <script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider().parent().show();
	});
  </script>
  {% ENDIF %}


<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>

#55 аккаунт

аккаунт

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений
  • ГородС-Петербург

Отправлено 12 Сентябрь 2015 - 16:43

2 раза просмотрел HTML
Такого блока там нет:
<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>

#56 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 12 Сентябрь 2015 - 16:53

Просмотр сообщениягоре-арендатор (12 Сентябрь 2015 - 16:43) писал:

2 раза просмотрел HTML
Такого блока там нет:
<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
Здравствуйте. Данный код расположен в разделе Сайт - Редактор шаблонов - шаблон HTML начиная с 54 строки.

#57 аккаунт

аккаунт

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений
  • ГородС-Петербург

Отправлено 12 Сентябрь 2015 - 17:29

Спасибо все получилось.

#58 Мария1004

Мария1004

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородКострома

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

Здравствуйте, 2 вопроса
1 не могу заменить картинку в слайдере, после нажатия кнопки заменить ничего не происходит
2 как добавить в слайдер не 3 картинки, а 5?

#59 Мария1004

Мария1004

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородКострома

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

1 вопрос снят

#60 RayLi

RayLi

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

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

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

Просмотр сообщенияМария1004 (25 Октябрь 2015 - 14:54) писал:

Здравствуйте, 2 вопроса
1 не могу заменить картинку в слайдере, после нажатия кнопки заменить ничего не происходит
2 как добавить в слайдер не 3 картинки, а 5?

Просмотр сообщенияМария1004 (25 Октябрь 2015 - 15:04) писал:

1 вопрос снят

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне html найдите данный код:

		  <!-- Главная страница -->
						  {% IF index_page %}
								<div id="module_area">
								  <div id="flexslideshow" class="flexslider">
										<ul class="slides">
										  <li>								  
												<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
										  </li>
										  <li>								  
												<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
										  </li>
										  <li>							
												<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
										  </li>
										</ul>
								  </div>
								</div>
						  {% ENDIF %}
				<!-- /Главная страница -->


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

		  <!-- Главная страница -->
						  {% IF index_page %}
								<div id="module_area">
								  <div id="flexslideshow" class="flexslider">
										<ul class="slides">
										  <li>								  
												<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
										  </li>
										  <li>								  
												<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
										  </li>
										  <li>							
												<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
										  </li>
										  <li>							
												<img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=chameleon" alt="Slide 4" class="slide_img">
										  </li>
										  <li>							
												<img src="{ASSETS_IMAGES_PATH}slide5.jpg?design=chameleon" alt="Slide 5" class="slide_img">
										  </li>										 
										</ul>
								  </div>
								</div>
						  {% ENDIF %}
				<!-- /Главная страница -->

Обратно в Главная


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

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

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