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


Слайдер


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

#1 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 10 Август 2014 - 11:19

Слайдер на верху есть зазор как поднять?

.

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

  • Безымянный.png


#2 AnnaM

AnnaM

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

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

Отправлено 10 Август 2014 - 11:20

Просмотр сообщениятихоня (10 Август 2014 - 11:19) писал:

Слайдер на верху есть зазор как поднять?

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

#3 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 10 Август 2014 - 11:26

Аккаунт SL-299242 , :D

#4 AnnaM

AnnaM

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

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

Отправлено 10 Август 2014 - 11:37

Просмотр сообщениятихоня (10 Август 2014 - 11:26) писал:

Аккаунт SL-299242 , :D

В шаблоне "HTML" найдите код
#owl-one-slider .owl-wrapper-outer {
max-width: 100%;
}
и замените его на следующий
#owl-one-slider .owl-wrapper-outer {
max-width: 100%;
margin-top: -15px;
}
а такой код
#owl-one-slider {
margin-bottom: 11px;
}
на этот
#owl-one-slider {
margin-bottom: 2px;
}


#5 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 10 Август 2014 - 14:05

мерси

#6 luzikov

luzikov

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

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

Отправлено 11 Август 2014 - 16:14

Подскажите почему слайдер не листается? SL-302724

#7 MikDark

MikDark

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

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

Отправлено 11 Август 2014 - 16:26

Просмотр сообщенияluzikov (11 Август 2014 - 16:14) писал:

Подскажите почему слайдер не листается? SL-302724

Вручную у Вас сейчас слайды листаются. Если Вам нужно автопрокрутка, то в нашлоне HTML найдите код:
itemsMobile : false,

и после него добавьте:
autoPlay : 3000,


#8 luzikov

luzikov

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

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

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

Просмотр сообщенияMikDark (11 Август 2014 - 16:26) писал:

Вручную у Вас сейчас слайды листаются. Если Вам нужно автопрокрутка, то в нашлоне HTML найдите код:
itemsMobile : false,

и после него добавьте:
autoPlay : 3000,
Спасибо!

#9 Barny

Barny

    Новичок

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

Отправлено 30 Август 2014 - 16:22

Прошу помощи. Стандартный слайдер в шаблоне"Бистро" который находиться в разделе каталог. Как сделать чтобы изображения на нем менялись( прокручивались).

#10 Ирина345

Ирина345

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

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

Отправлено 30 Август 2014 - 16:42

Просмотр сообщенияBarny (30 Август 2014 - 16:22) писал:

Прошу помощи. Стандартный слайдер в шаблоне"Бистро" который находиться в разделе каталог. Как сделать чтобы изображения на нем менялись( прокручивались).
Здравствуйте, найдите в hTML код
<script type="text/javascript">
$(document).ready(function() {
$("#owl-one-slider .item").css('display', 'block');
$("#owl-one-slider").owlCarousel({
navigation : true, // показывать кнопки next и prev
slideSpeed : 300,
paginationSpeed : 400,
items : 1,
itemsDesktop : false,
itemsDesktopSmall : false,
itemsTablet: false,
itemsMobile : false,
navigationText: false // Удаляет текст с кнопок навигации
});
});
</script>

и замените на:

<script type="text/javascript">
$(document).ready(function() {
$("#owl-one-slider .item").css('display', 'block');
$("#owl-one-slider").owlCarousel({
navigation : true, // показывать кнопки next и prev
slideSpeed : 300,
paginationSpeed : 400,
items : 1,
itemsDesktop : false,
itemsDesktopSmall : false,
itemsTablet: false,
itemsMobile : false,
autoPlay: true,
navigationText: false // Удаляет текст с кнопок навигации
});
});
</script> 


#11 papanini888

papanini888

    Новичок

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

Отправлено 12 Январь 2016 - 15:18

Добрый день Коллеги! Сегодня зашел в магазин, а там на главной странице пропали слайды и пишет "Описание слайда"
сайт магазина
www.optooil.ru
Никаких изменений с моей стороны не было! Помогите плиз разобраться!

#12 RayLi

RayLi

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

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

Отправлено 12 Январь 2016 - 15:27

Просмотр сообщенияpapanini888 (12 Январь 2016 - 15:18) писал:

Добрый день Коллеги! Сегодня зашел в магазин, а там на главной странице пропали слайды и пишет "Описание слайда"
сайт магазина
www.optooil.ru
Никаких изменений с моей стороны не было! Помогите плиз разобраться!

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

					 <!-- Слайдер на главной странице сайта --->
					 {% IF index_page %}
						 <div id="owl-one-slider" class="owl-carousel owl-theme">
							 <div class="item">
								 <a href="#" target="_blank">
									 <img src="http://7777.storeland.net/img/faq/questions/nyvo_slider/77777.png" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://7777.storeland.net/img/faq/questions/nyvo_slider/23.jpg" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://7777.storeland.net/img/faq/questions/nyvo_slider/34343.jpg" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://7777.storeland.net/img/faq/questions/nyvo_slider/77777.png" alt="Описание слайда">
								 </a>
							 </div>
						 </div>

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

					 <!-- Слайдер на главной странице сайта --->
					 {% IF index_page %}
						 <div id="owl-one-slider" class="owl-carousel owl-theme">
							 <div class="item">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}77777.png?design=bistro" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}23.jpg?design=bistro" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}34343.jpg?design=bistro" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}77777.png?design=bistro" alt="Описание слайда">
								 </a>
							 </div>
						 </div>


#13 papanini888

papanini888

    Новичок

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

Отправлено 12 Январь 2016 - 15:32

Просмотр сообщенияRayLi (12 Январь 2016 - 15:27) писал:

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

					 <!-- Слайдер на главной странице сайта --->
					 {% IF index_page %}
						 <div id="owl-one-slider" class="owl-carousel owl-theme">
							 <div class="item">
								 <a href="#" target="_blank">
									 <img src="http://7777.storeland.net/img/faq/questions/nyvo_slider/77777.png" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://7777.storeland.net/img/faq/questions/nyvo_slider/23.jpg" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://7777.storeland.net/img/faq/questions/nyvo_slider/34343.jpg" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="http://7777.storeland.net/img/faq/questions/nyvo_slider/77777.png" alt="Описание слайда">
								 </a>
							 </div>
						 </div>

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

					 <!-- Слайдер на главной странице сайта --->
					 {% IF index_page %}
						 <div id="owl-one-slider" class="owl-carousel owl-theme">
							 <div class="item">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}77777.png?design=bistro" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}23.jpg?design=bistro" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}34343.jpg?design=bistro" alt="Описание слайда">
								 </a>
							 </div>
							 <div class="item" style="display:none">
								 <a href="#" target="_blank">
									 <img src="{ASSETS_IMAGES_PATH}77777.png?design=bistro" alt="Описание слайда">
								 </a>
							 </div>
						 </div>
Благодарю ВАС! Очень оперативно!




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

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