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


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


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

#1 Candyover

Candyover

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

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

Отправлено 13 Февраль 2014 - 16:27

Что то не получается увеличить скорость слайдера до 5сек

Нужно изменить скорость в верхнем слайдере
Безымянный.png

#2 Castiel

Castiel

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

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

Отправлено 13 Февраль 2014 - 16:32

Просмотр сообщенияCandyover (13 Февраль 2014 - 16:27) писал:

Что то не получается увеличить скорость слайдера до 5сек

Нужно изменить скорость в верхнем слайдере
Прикрепленный файл Безымянный.png

Редактируем  jquery.nivo.slider.pack.js
Находим
animSpeed:500  скорость переключения слайдов
pauseTime:3e3  время отображения слайдов

#3 Candyover

Candyover

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

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

Отправлено 13 Февраль 2014 - 20:19

Просмотр сообщенияCastiel (13 Февраль 2014 - 16:32) писал:

Редактируем  jquery.nivo.slider.pack.js
Находим
animSpeed:500  скорость переключения слайдов
pauseTime:3e3  время отображения слайдов

Это не тот слайдер

#4 Сake

Сake

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

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

Отправлено 14 Февраль 2014 - 00:56

Найдите в вашем шаблоне "HTML" строку

var speed = 3000;

и замените её на

var speed = 5000;


#5 Candyover

Candyover

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

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

Отправлено 14 Февраль 2014 - 16:17

Просмотр сообщенияСake (14 Февраль 2014 - 00:56) писал:

Найдите в вашем шаблоне "HTML" строку

var speed = 3000;

и замените её на

var speed = 5000;

Спасибо!

#6 va89st

va89st

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

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

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

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

#7 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 31 Август 2014 - 17:17

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

Подскажите, как увеличить скорость слайдера? Что бы слайды менялись через 3 секунды.
Здравствуйте.
в шаблоне 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>
меняйте значение slideSpeed : 300,

#8 va89st

va89st

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

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

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

Ничего не меняется, слайдер вообще почему-то картинки не меняет...

#9 daria_dnk

daria_dnk

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

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

Отправлено 31 Август 2014 - 17:44

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

Ничего не меняется, слайдер вообще почему-то картинки не меняет...
Здравствуйте!
Код в шаблоне 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,
autoPlay: true,
paginationSpeed : 400,
items : 1,
itemsDesktop : false,
itemsDesktopSmall : false,
itemsTablet: false,
itemsMobile : false,
navigationText: false // Удаляет текст с кнопок навигации
});
});
</script>


#10 va89st

va89st

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

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

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

Спасибо, помогло!

#11 va89st

va89st

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

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

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

как сделать отступ текста от левого края?

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

  • оио.png


#12 Danil

Danil

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

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

Отправлено 31 Август 2014 - 21:45

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

как сделать отступ текста от левого края?

В main.css найдите код
#sb-site .contenttext .title {
padding-left: 0%;
padding-bottom: 10px;
}
И замените на
#sb-site .contenttext .title {
padding-bottom: 10px;
}


#13 va89st

va89st

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

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

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

Спасибо!

#14 Цветочный Барон

Цветочный Барон

    Новичок

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

Отправлено 22 Март 2017 - 12:53

Здравствуйте. sl-410037
Есть несколько вопросов:
1. Как сделать скорость слайда выше на шаблоне весна при стандартном сладере? Выше перечисленные методы неактуальны
2. Поднять меню к хедеру, чтобы удалилась белая полоска
3. Номер телефона написать черным цветом
4. Оптимизировать внешний вид для мобильных устройств. Отключил мобильную версию, думал будет отображаться так же как и на компе, но картинка логотипа съезжает на разных страницах по разному

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

  • Безымянный.jpg
  • 3OpM_ex89Z0.jpg


#15 Ирина345

Ирина345

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

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

Отправлено 23 Март 2017 - 13:20

Просмотр сообщенияЦветочный Барон (22 Март 2017 - 12:53) писал:

Здравствуйте. sl-410037
Есть несколько вопросов:
1. Как сделать скорость слайда выше на шаблоне весна при стандартном сладере? Выше перечисленные методы неактуальны
2. Поднять меню к хедеру, чтобы удалилась белая полоска
3. Номер телефона написать черным цветом
4. Оптимизировать внешний вид для мобильных устройств. Отключил мобильную версию, думал будет отображаться так же как и на компе, но картинка логотипа съезжает на разных страницах по разному
Здравствуйте,
1. Найдите в файле main.js код
$(window).load(function() {
	$('.flexslider').flexslider({
	  animation: "fade",
	  pauseOnHover: true,
	 touch: true,
	animationSpeed: 1300,
	slideshowSpeed: 6500,
	smoothHeight: false,
	controlNav: false,
	  directionNav: true
	});
  });

где изменяете значение 1300 и 6500

2,3. Вам внесли изменения на сайт и подправили мобильную версию.
3. найдите в файле main.css
#header #welcome a {text-decoration:none;color:#ffffff;}

замените на
#header #welcome a {text-decoration:none;color:#000;}


#16 Цветочный Барон

Цветочный Барон

    Новичок

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

Отправлено 23 Март 2017 - 15:47

Просмотр сообщенияИрина345 (23 Март 2017 - 13:20) писал:

Здравствуйте,
1. Найдите в файле main.js код
$(window).load(function() {
$('.flexslider').flexslider({
	 animation: "fade",
	 pauseOnHover: true,
	 touch: true,
animationSpeed: 1300,
slideshowSpeed: 6500,
smoothHeight: false,
controlNav: false,
	 directionNav: true
});
});

где изменяете значение 1300 и 6500

2,3. Вам внесли изменения на сайт и подправили мобильную версию.
3. найдите в файле main.css
#header #welcome a {text-decoration:none;color:#ffffff;}

замените на
#header #welcome a {text-decoration:none;color:#000;}
Забыл еще момент на первом изображении указано место расположения кнопок для соц сетей. Для вк и инстаграмма. Как эти кнопки добавить?

#17 Danil

Danil

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

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

Отправлено 24 Март 2017 - 14:42

Просмотр сообщенияЦветочный Барон (23 Март 2017 - 15:47) писал:

Забыл еще момент на первом изображении указано место расположения кнопок для соц сетей. Для вк и инстаграмма. Как эти кнопки добавить?
Здравствуйте.
Загрузите изображения для кнопок в раздел Сайт - Редактор шаблонов.
В шаблоне html после строки
<!-- /Каталог товаров -->
вставьте

			<div class="box">
			  <div class="box-heading">Мы в соц. сетях</div>
			  <div class="box-content">
					<a href="Ссылка на соц. сеть"><img src="{ASSETS_IMAGES_PATH}Название загруженного изображения"></a>
					<a href="Ссылка на соц. сеть"><img src="{ASSETS_IMAGES_PATH}Название загруженного изображения"></a>
					<a href="Ссылка на соц. сеть"><img src="{ASSETS_IMAGES_PATH}Название загруженного изображения"></a>
			  </div>
			</div>
в коде замените текст на соответствующие элементы.




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

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