Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

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

Автор Castiel, 07 апр. 2015 15:43

Слайдер для Цитруса Цитрус слайдер Слайдер Адаптивный слайдер Слайды Шаб лон цитрус слайды

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 62

#21 KlimOFF

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

Пользователи
51 сообщений

ГородТверь

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

СПА-СИ-БО!!!

Наверх

#22 Дима Шумский

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

Пользователи
31 сообщений

Отправлено 06 Май 2015 - 13:16

Здрасте! аккаунт SL-335085. Будьте добры, подскажите, как подвязать к слайдеру ссылку, чтобы, к примеру, можно было кликнуть на слайд и перейти на страницу с товаром?

Наверх

#24 Дима Шумский

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

Пользователи
31 сообщений

Отправлено 06 Май 2015 - 14:11

Хорошо. Только теперь слайдер невозможно листать при помощи мыши. Он сразу переходит по ссылке.

Как сделать так, чтобы при желании слайдер можно было листать мышью?

Спасибо!

Наверх

#25 tita

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

Пользователи
11 сообщений

Отправлено 06 Май 2015 - 15:51

Дима Шумский (06 Май 2015 - 14:11) писал:

Дмитрий, спасибо за Ваш вопрос!
Была сложность сделать кликабельный слайдер, теперь всё получилось =)

Наверх

#26 Дима Шумский

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

Пользователи
31 сообщений

Отправлено 07 Май 2015 - 16:46

Снова здравствуйте! SL-335085. Мой вопросистый вопрос таков.

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

Спасибо!

Наверх

#27 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 07 Май 2015 - 20:41

Дима Шумский (07 Май 2015 - 16:46) писал:

Здравствуйте, Дмитрий.
Нельзя поставить на одно действие 2 варианта результата. Для перехода на след. слайдер обычно используют стрелочки. По клику практически всегда в слайдере происходит переход по ссылке. Обычно, происходит пролистывание изображений по клику, если это галерея.

Наверх

#28 Дима Шумский

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

Пользователи
31 сообщений

Отправлено 10 Май 2015 - 11:19

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

Спасибо!

Наверх

#29 Ирина345

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

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

Отправлено 11 Май 2015 - 16:21

Дима Шумский (10 Май 2015 - 11:19) писал:

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

Прикрепленный файл

слайдер.png

Спасибо!

Здравствуйте, найдите в шаблоне HTML

 <div id="slideshow" class="wrap">
								  <div id="slider">
												<!-- Slides Container -->
												<div u="slides" class="slides_container">
												  <div>
																 <a href="http://sportpit-moskva.ru/goods/100-WHEY-GOLD-STANDARD-4"><img u="image" src="{ASSETS_IMAGES_PATH}slide8.png?design=jade" /></a>
												  </div>
												  <div>
																<a href="Ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slide9.png?design=jade" /></a>
												  </div>
												  <div>
																<a href="Ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slide10.png?design=jade" /></a>
												  </div>
												</div>
								  </div>
								</div>

замените на

 <div id="slideshow" class="wrap">
								  <div id="slider">
												<!-- Slides Container -->
												<div u="slides" class="slides_container">
												  <div>
																 <a href="http://sportpit-moskva.ru/goods/100-WHEY-GOLD-STANDARD-4"><img u="image" src="{ASSETS_IMAGES_PATH}slide8.png?design=jade" /></a>
												  </div>
												  <div>
																<a href="Ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slide9.png?design=jade" /></a>
												  </div>
												  <div>
																<a href="Ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slide10.png?design=jade" /></a>
												  </div>
												</div>
								  </div>

 <span u="arrowleft" class="jssora11l" style="top: 123px; left: 8px;">
			</span>
			<!-- Arrow Right -->
			<span u="arrowright" class="jssora11r" style="top: 123px; right: 8px;">
			</span>
								</div>

далее в коне main.css добавьте

.jssora11l, .jssora11r {
  display: block;
  position: absolute;
  width: 37px;
  height: 37px;
  cursor: pointer;
	background: rgba(107, 136, 165, 0.69);
  overflow: hidden;
}

Наверх

#30 Дима Шумский

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

Пользователи
31 сообщений

Отправлено 11 Май 2015 - 19:16

Всё сделал. Пока что ничего не изменилось.

Наверх

#31 Ирина345

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

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

Отправлено 12 Май 2015 - 09:41

Дима Шумский (11 Май 2015 - 19:16) писал:

Всё сделал. Пока что ничего не изменилось.

Здравствуйте, найдите в main.css

.jssora11l, .jssora11r {display: block; position: absolute; width: 37px; height: 37px; cursor: pointer; background: rgba(107, 136, 165, 0.69); overflow: hidden;}

замените на

.jssora11l, .jssora11r {display: block; position: absolute; width: 37px; height: 37px; cursor: pointer; background: rgba(107, 136, 165, 0.69); overflow: hidden;}
.jssora21l, .jssora21r {
  display: block;
  position: absolute;
  width: 55px;
  height: 55px;
  cursor: pointer;
 background: #123445;
  overflow: hidden;
}

далее найдите в hTML

  <a href="Ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slide10.png?design=jade" /></a>
																								  </div>
																								</div>
																  </div>

 <span u="arrowleft" class="jssora11l" style="top: 123px; left: 8px;">
						</span>
						<!-- Arrow Right -->
						<span u="arrowright" class="jssora11r" style="top: 123px; right: 8px;">
						</span>
																</div>

замените на




																																<a href="Ссылка"><img u="image" src="{ASSETS_IMAGES_PATH}slide10.png?design=jade" /></a>
																								  </div>
																								</div>
																						
																						 <div u="navigator" class="jssorb21" style="bottom: 26px; right: 6px;">
				<!-- bullet navigator item prototype -->
				<div u="prototype"></div>
			</div>
		   
			<span u="arrowleft" class="jssora21l" style="top: 123px; left: 8px;">
			</span>
			<!-- Arrow Right -->
			<span u="arrowright" class="jssora21r" style="top: 123px; right: 8px;">
			</span>
																  </div>

Наверх

#32 Дима Шумский

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

Пользователи
31 сообщений

Отправлено 12 Май 2015 - 10:22

Хорошо. На данный момент выглядит так:

Но кнопки не срабатывают.

Наверх

#33 Ирина345

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

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

Отправлено 12 Май 2015 - 14:46

Дима Шумский (12 Май 2015 - 10:22) писал:

Хорошо. На данный момент выглядит так:

Прикрепленный файл

стрелки.png

Но кнопки не срабатывают.

Теперь добавьте в раздел Сайт-Редактор шаблонов файл jssor.slider.mini.js
далее в шаблон HTML добавьте перед кодом </head>

 <script type="text/javascript" src="{ASSETS_JS_PATH}jssor.slider.mini.js"></script>

Прикрепленные файлы

jssor.carousel.slider.for.bootstrap.example.zip 17,07К 105 Количество загрузок:

Наверх

#34 Дима Шумский

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

Пользователи
31 сообщений

Отправлено 12 Май 2015 - 16:36

Сделал. Теперь вот так

Кнопки работают. Как их переместить на середину и поменять на стрелки?

Спасибо!

Наверх

#35 Cupuyc

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

Пользователи
747 сообщений

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

Дима Шумский (12 Май 2015 - 16:36) писал:

Сделал. Теперь вот так
Прикрепленный файл

стрелки1.png

Кнопки работают. Как их переместить на середину и поменять на стрелки?

Спасибо!

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

.jssora21l, .jssora21r {
  display: block;

Замените его на:

.jssora21l, .jssora21r {
  display: block;
  top: 255px!important;

Для замены внешнего вида кнопок, загрузите подходящие изображения в админ панель, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:

.jssora21l{
	background-image: url('http://design.sportpit-moskva.ru/strelkavlevo');
	background-repeat: no-repeat;
}
.jssora21r{
	background-image: url('http://design.sportpit-moskva.ru/strelkavpravo');
	background-repeat: no-repeat;
}

Заменив значения: "http://design.sportp...u/strelkavlevo", "http://design.sportp.../strelkavpravo" на действительные.

Наверх

#36 Дима Шумский

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

Пользователи
31 сообщений

Отправлено 15 Май 2015 - 12:47

День добрый! SL-335085. Подскажите пожалуйста, как временно отключить слайдер, чтобы настройки не пропали. И чтобы можно было легко включить при желании.

Спасибо!

Наверх

#37 Cupuyc

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

Пользователи
747 сообщений

Отправлено 15 Май 2015 - 12:51

Дима Шумский (15 Май 2015 - 12:47) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;}

Замените его на:

#slider {display: none; position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;}

Наверх

#38 evros

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

Пользователи
284 сообщений

ГородМосква

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

Добрый день. Помогите с размещением баннера как во вложении.

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

Наверх

#39 Firefly

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

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

Отправлено 25 Июнь 2015 - 16:32

evros (25 Июнь 2015 - 15:08) писал:

Добрый день. Помогите с размещением баннера как во вложении.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

			 {% IF index_page %}
								 <!-- Товары на главной, Хиты продаж, Новинки -->
								 <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12 yt-tab-listing" id="main_right" {% IF PAGE_NAME = Акции магазина %} style="height: 920px;" {% ENDIF %}>

Замените на:

			 {% IF index_page %}
								 <!-- Товары на главной, Хиты продаж, Новинки -->
								 <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12 yt-tab-listing" id="main_right" {% IF PAGE_NAME = Акции магазина %} style="height: 920px;" {% ENDIF %}>
			 <a class="banner" href="#"><img src="{ASSETS_IMAGES_PATH}изображение.jpg" alt=""></a>

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

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, в самом конце добавьте код:

.banner {
text-align: center;
display: block;
}
.banner img {
margin-bottom: 25px;
max-width: 800px;
}

Наверх

#40 evros

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

Пользователи
284 сообщений

ГородМосква

Отправлено 25 Июнь 2015 - 18:12

Firefly (25 Июнь 2015 - 16:32) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

			 {% IF index_page %}
								 <!-- Товары на главной, Хиты продаж, Новинки -->
								 <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12 yt-tab-listing" id="main_right" {% IF PAGE_NAME = Акции магазина %} style="height: 920px;" {% ENDIF %}>

Замените на:

			 {% IF index_page %}
								 <!-- Товары на главной, Хиты продаж, Новинки -->
								 <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12 yt-tab-listing" id="main_right" {% IF PAGE_NAME = Акции магазина %} style="height: 920px;" {% ENDIF %}>
			 <a class="banner" href="#"><img src="{ASSETS_IMAGES_PATH}изображение.jpg" alt=""></a>

.banner {
text-align: center;
display: block;
}
.banner img {
margin-bottom: 25px;
max-width: 800px;
}

Отлично! Благодарю Вас!

Наверх

Вперед

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

Темы с аналогичным тегами Слайдер для Цитруса, Цитрус слайдер, Слайдер, Адаптивный слайдер, Слайды, Шаб, лон цитрус слайды

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сказка → Главная → Убираем Цветной Баннер На Слайдере Автор Гость_Foxis_10_* , 17 февр. 2021 слайдер	0 Ответов 722 Просмотров	Foxis_10 17 февр. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Нептун → Главная → Изменение Главного Баннера На Слайдер Автор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider	2 Ответов 1 492 Просмотров	Firefly 02 июня 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сканди → Изменение общей стилистики → Изменение Слайдера Автор Гость_TYURIKOFF_* , 21 марта 2019 слайдер	7 Ответов 1 952 Просмотров	Юлия_Scandidec 21 апр. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лето → Изменение общей стилистики → Настройка Слайдера Автор Гость_tovmarket_* , 30 окт. 2018 слайдер	4 Ответов 2 006 Просмотров	tovmarket 01 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Как Изменить Расположение Объектов На Первом Экране Автор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип	1 Ответ 2 363 Просмотров	Vaccina 26 окт. 2018

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

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

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

#21 KlimOFF

#22 Дима Шумский

#23 Danil

#24 Дима Шумский

#25 tita

#26 Дима Шумский

#27 support 2.0

#28 Дима Шумский

#29 Ирина345

#30 Дима Шумский

#31 Ирина345

#32 Дима Шумский

#33 Ирина345

Прикрепленные файлы

#34 Дима Шумский

#35 Cupuyc

#36 Дима Шумский

#37 Cupuyc

#38 evros

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

#39 Firefly

#40 evros

Темы с аналогичным тегами Слайдер для Цитруса, Цитрус слайдер, Слайдер, Адаптивный слайдер, Слайды, Шаб, лон цитрус слайды

Убираем Цветной Баннер На Слайдере

Изменение Главного Баннера На Слайдер

Изменение Слайдера

Настройка Слайдера

Как Изменить Расположение Объектов На Первом Экране

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

Google поиск

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

Прикрепленные файлы

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

Темы с аналогичным тегами Слайдер для Цитруса, Цитрус слайдер, Слайдер, Адаптивный слайдер, Слайды, Шаб, лон цитрус слайды

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

Войти

Google поиск