Отключен JavaScript

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

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

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

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

Вперед

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

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

#41 uzzzver

Новичок

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

ГородСанкт-Петербург

Отправлено 28 Июнь 2015 - 19:34

Здравствуйте,я установил тему цитрус и у меня уже стоит слайдер изначально, меня он устраивает, но..
у меня пару вопросов:
1. как поменять фон слайдера?
в списке изображений касающихся слайдера я нашел slide1...5.png, которые являются самими слайдами, их я меняю и все меняется, а вот изображение slide-bg.png , которое судя по всему является фоном слайдера, я меняю, оно в админке меняется, а на сайте не хочет, ни в какую. подскажите как поменять фон слайдера пожалуйста.
2. еще интересует , какие параметры необходимо изменять,чтобы изменить размер слайдера, то есть у меня он сейчас растянут по ширине экрана, с которого я смотрю сайт, на мобильной версии он также исправно отображается,. а я хотел бы его слегка уменьшить вправо, чтобы слева от него оставался промежуток, и в этот промежуток вставить блок каталога, как на странице каталога, но чтоб на мобильной версии все оставалось как было(чтоб слайдер был по ширине экрана устройства, и каталог был там где он есть сейчас)
( это вообще возможно?

..)
я в файле стиля нашел параметры слайдера:

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

и в них изменял

left: 0px;

на

left: 300px;

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

Наверх

#42 RayLi

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

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

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

uzzzver (28 Июнь 2015 - 19:34) писал:

..)
я в файле стиля нашел параметры слайдера:

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

и в них изменял

left: 0px;

на

left: 300px;

Здравствуйте.
Если вы хотите безопасно заменить задний фон слайдер, то вы можете просто загрузить в бэк-офис вашего интернет-магазина, в раздел Сайт -> Редактор шаблонов, свои изображения слайдера, но в которых присутствует задний фон (по примеру вашего изображения: slide1.png ) , тогда они автоматически заменят задний фон слайдера.
Проверьте, пожалуйста.

Наверх

#43 niko1a

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

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

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

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

div id="slider">

<div u="slides" class="slides_container">
  <div>
<img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
  </div>
  <div>
   <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
  </div>
  <div>
<img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
  </div>
</div>
  </div>
</div>
то все равно остается три слайда, только один без изображения.

Заранее спасибо.

Наверх

#44 Danil

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

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

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

niko1a (20 Июль 2015 - 18:47) писал:

Здравствуйте.
Например, если Вы хотите удалить 3 слайд, то удалите следующий код:

<div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
</div>

Далее по аналогии.

Наверх

#45 niko1a

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

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

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

Спасибо. До этого делал так

<div>
<!-- <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> -->
</div>

видимо проблема была в том, что блок <div> </div> при этом оставался.

Наверх

#46 evros

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

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

ГородМосква

Отправлено 27 Июль 2015 - 10:50

Помогите с установкой слайдера. Шаблон Цитрус. Слайдер нужен там где сейчас баннер. Заранее благодарю!

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

Наверх

#47 Firefly

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

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

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

evros (27 Июль 2015 - 10:50) писал:

Помогите с установкой слайдера. Шаблон Цитрус. Слайдер нужен там где сейчас баннер. Заранее благодарю!

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

#slideshow {margin: 0 0;position: relative;}
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 570px; overflow: hidden;}
.slides_container img {left:0 !important;}

Замените на:

#slideshow {margin: 0 0;position: relative;}
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 700px; height: 300px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 700px;height: 300px; overflow: hidden;}
.slides_container img {left:0 !important;}

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

				  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));

Замените на:

				  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 700));

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

																 <!-- Товары на главной, Хиты продаж, Новинки -->
																 <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}index2.png" alt=""></a>
								  <div class="respl-wrap">

Замените на:

																 <!-- Товары на главной, Хиты продаж, Новинки -->
																 <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 %}>
		<!-- Слайдер на главной -->
		<div id="slideshow" class="wrap">
		  <div id="slider">
			<!-- Slides Container -->
			<div u="slides" class="slides_container">
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}index2.png" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}index4.jpg" />
			  </div>
			</div>
		  </div>
		</div>
		<!-- /END Слайдер на главной -->
								  <div class="respl-wrap">

В шаблоне HTML найдите код:

</head>

Замените на:

  <!-- Запуск слайдера -->
		{% IF index_page %}
		<script>
		  $(function(){ slideShow()});
		</script>
		{% ENDIF %}
</head>

Наверх

#48 evros

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

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

ГородМосква

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

Благодарю! Идеально!

Наверх

#49 Curious Max

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

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

ГородТомск

Отправлено 19 Август 2015 - 17:59

Доброго времени суток!

Мой аккаунт - SL-231006.

Прошу помочь!

Установил строго по инструкции слайдер на главную страницу. Выводится только первая картинка. И больше ничего не происходит.

Наверх

#50 Firefly

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

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

Отправлено 19 Август 2015 - 19:45

Curious Max (19 Август 2015 - 17:59) писал:

Здравствуйте.
На данный момент в слайдере на главной у Вас отображаются 3 загруженные Вами картинки (slide1.png, slide2.png, slide3.png).
Уточните, пожалуйста, вопрос еще актуален?

Наверх

#51 Curious Max

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

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

ГородТомск

Отправлено 20 Август 2015 - 09:20

Firefly (19 Август 2015 - 19:45) писал:

Видимо проблема на моём компьютере. На компьютере клиента всё ОК.
Проверяю в разных браузерах. Одинаково. У меня установленвы: IE 11, Opera 31, Firefox 40 (Windows 7 ДР 64x SP1).
Вижу, что загружаются все три картинки. Но слайдер не работает. На экране только первая картинка. Не листается ни в ручную, ни на автомате.

Не пойму, что может быть...

Наверх

#52 Danil

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

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

Отправлено 21 Август 2015 - 09:28

Curious Max (20 Август 2015 - 09:20) писал:

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

Наверх

#53 Den1992

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

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

Отправлено 31 Август 2015 - 03:15

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

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

Наверх

#54 fullkos

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

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

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

Подскажите как сделать?
1.Сделать слайдер такого размера и перенести влево?
2.Вставить картинку ?

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

Наверх

#55 Firefly

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

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

Отправлено 02 Октябрь 2015 - 13:11

fullkos (02 Октябрь 2015 - 12:25) писал:

Подскажите как сделать?
1.Сделать слайдер такого размера и перенести влево?
2.Вставить картинку ?

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

Наверх

#56 AShchuka

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

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

Отправлено 12 Ноябрь 2015 - 21:57

Здравствуйте.
Пытался вставить слайды по первой инструкции,но разархивировать файл не получилось.
И еще один вопрос,как сделать логотип меньше по размеру.

Наверх

#57 Vaccina

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

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

Отправлено 13 Ноябрь 2015 - 01:38

Для извлечения данных из архива используйте специальную программу, например, WinRAR.

В main.css найдите:

.header-content .logo {
	padding: 20px 0px;
}

после него пропишите:

.header-content .logo img {
	max-height: 100px;
}

Наверх

#58 AShchuka

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

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

Отправлено 14 Ноябрь 2015 - 23:42

Спасибо за ответ.
Слайды добавил по инструкции из первого поста, но получилось как то так.
Акк -

SL-359487

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

Наверх

#59 Danil

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

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

Отправлено 17 Ноябрь 2015 - 14:46

AShchuka (14 Ноябрь 2015 - 23:42) писал:

Спасибо за ответ.
Слайды добавил по инструкции из первого поста, но получилось как то так.
Акк -

SL-359487

Здравствуйте.
Указанная на скриншоте ошибка, на данный момент отсутствует.
Чтобы слайды не обрезались, нужно изменить их размер на 1920x570px, либо в main.css найти код

.slides_container img {
left: 0 !important;
}

и заменить на

.slides_container img {
left: 0 !important;
max-height: 570px !important;
top: 0px!important;
}

Наверх

#60 AShchuka

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

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

Отправлено 17 Ноябрь 2015 - 18:31

Спасибо,уже сам разобрался)

Наверх

Вперед

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

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

Вопросы работы сервиса 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