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


Остановить Слайдер, Убрать Его Стрелки

Автор Andrew S., 23 сент. 2014 10:43

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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Сентябрь 2014 - 10:43

Добрый день.

Вот ещё момент, подскажите, пожалуйста.. Не могу найти где находится код на слайдер с этими параметрами. Что-то вроде контрол нав и слайдинг.

Чтобы:

1) Убрать кнопки переключения слайдера "влево" и "вправо".

2) Слайдер не переключался.

В итоге будет просто одна картинка и всё.

ID: SL-309790

#2 AnnaM

AnnaM

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

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

Отправлено 23 Сентябрь 2014 - 12:03

Просмотр сообщенияAndrew S. (23 Сентябрь 2014 - 10:43) писал:

Добрый день.

Вот ещё момент, подскажите, пожалуйста.. Не могу найти где находится код на слайдер с этими параметрами. Что-то вроде контрол нав и слайдинг.

Чтобы:

1) Убрать кнопки переключения слайдера "влево" и "вправо".

2) Слайдер не переключался.

В итоге будет просто одна картинка и всё.

ID: SL-309790
2) в файле main.js в блоке 
 
/*заупуск слайдера на главной*/
  $(window).load(function() {
	$('.flexslider').flexslider({
	  animation: "fade",
	  pauseOnHover: true,
	  touch: true,
	  animationSpeed: 1300,
	 slideshowSpeed: 6500,
	smoothHeight: false,
	controlNav: false,
	  directionNav: true
	});
  });
/*END заупуск слайдера на главной*/
поставьте большие величины у параметров animationSpeed: 1300, slideshowSpeed: 6500,

#3 AnnaM

AnnaM

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

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

Отправлено 23 Сентябрь 2014 - 12:13

Просмотр сообщенияAndrew S. (23 Сентябрь 2014 - 10:43) писал:

Добрый день.

Вот ещё момент, подскажите, пожалуйста.. Не могу найти где находится код на слайдер с этими параметрами. Что-то вроде контрол нав и слайдинг.

Чтобы:

1) Убрать кнопки переключения слайдера "влево" и "вправо".

2) Слайдер не переключался.

В итоге будет просто одна картинка и всё.

ID: SL-309790
1) если просто скрыть стрелки, необходимо в main.css заменить 
.flexbuttonprev {
display: block;
height: 50px;
width: 50px;
border-left: 2px dotted;
border-bottom: 2px dotted;
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
на 
.flexbuttonprev {
display: none;
height: 50px;
width: 50px;
border-left: 2px dotted;
border-bottom: 2px dotted;
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
и 
.flexbuttonnext {
display: block;
height: 50px;
width: 50px;
border-right: 2px dotted;
border-top: 2px dotted;
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
на 
.flexbuttonnext {
display: none;
height: 50px;
width: 50px;
border-right: 2px dotted;
border-top: 2px dotted;
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}

#4 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Сентябрь 2014 - 14:18

Просмотр сообщенияAnnaM (23 Сентябрь 2014 - 12:13) писал:

1) если просто скрыть стрелки, необходимо в main.css заменить 
.flexbuttonprev {
display: block;
height: 50px;
width: 50px;
border-left: 2px dotted;
border-bottom: 2px dotted;
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
на 
.flexbuttonprev {
display: none;
height: 50px;
width: 50px;
border-left: 2px dotted;
border-bottom: 2px dotted;
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
и 
.flexbuttonnext {
display: block;
height: 50px;
width: 50px;
border-right: 2px dotted;
border-top: 2px dotted;
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
на 
.flexbuttonnext {
display: none;
height: 50px;
width: 50px;
border-right: 2px dotted;
border-top: 2px dotted;
-webkit-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
Поставил 
directionNav: false

Просмотр сообщенияAnnaM (23 Сентябрь 2014 - 12:03) писал:

2) в файле main.js в блоке 

/*заупуск слайдера на главной*/
$(window).load(function() {
$('.flexslider').flexslider({
	 animation: "fade",
	 pauseOnHover: true,
	 touch: true,
	 animationSpeed: 1300,
	 slideshowSpeed: 6500,
smoothHeight: false,
controlNav: false,
	 directionNav: true
});
});
/*END заупуск слайдера на главной*/
поставьте большие величины у параметров animationSpeed: 1300, slideshowSpeed: 6500,
А есть какой-нибудь нормальный код, специализированный для этого слайдера непонятного происхождения? Типа "scroll: false" или наподобие. С этим ничего нормального не получается. Он всё равно будет мигать, хоть и реже. Всё время мигает. Ноль тоже не поставишь, мигает каждую секунду так.

#5 Dars

Dars

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

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

Отправлено 23 Сентябрь 2014 - 14:23

Просмотр сообщенияAndrew S. (23 Сентябрь 2014 - 14:18) писал:

Поставил 
directionNav: false


А есть какой-нибудь нормальный код, специализированный для этого слайдера непонятного происхождения? Типа "scroll: false" или наподобие. С этим ничего нормального не получается. Он всё равно будет мигать, хоть и реже. Всё время мигает. Ноль тоже не поставишь, мигает каждую секунду так.
Попробуйте после строки:

$('.flexslider').flexslider({

добавить строку:

slideshow: true,

и, на всякий случай, убрать:

		 slideshowSpeed: 6500,

#6 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Сентябрь 2014 - 14:34

Вроде перестал.. Но не уверен..

#7 Мика

Мика

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

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

Отправлено 12 Октябрь 2014 - 00:03

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

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

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

#8 Ирина345

Ирина345

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

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

Отправлено 12 Октябрь 2014 - 07:26

Просмотр сообщенияМика (12 Октябрь 2014 - 00:03) писал:

Добрый вечер.
Подскажите, как вместо слайдера установить 4 баннера?
Здравствуйте, найдите
в 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>
<div  class="ban"></div>
<div  class="ban"></div>
<div  class="ban"></div>
<div  class="ban"></div>
</div>
				<div id="module_area" style="display:none;"> 
				  <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 %}
		<!-- /Главная страница -->
и в конец файла main.css добавьте
.ban{width: 273px;
height: 207px;
border: 1px solid;
float: left;
margin: 0px 39px 0px 21px;
}

#9 Мика

Мика

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

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

Отправлено 12 Октябрь 2014 - 11:32

А подскажите размеры картинок для баннера?

Вставила картинки, но ни чего не изменилось(( Куда нужно вносить изменения?

#10 Alekseys

Alekseys

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

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

Отправлено 12 Октябрь 2014 - 11:37

Просмотр сообщенияМика (12 Октябрь 2014 - 11:32) писал:

А подскажите размеры картинок для баннера?
Здравствуйте. Для баннеров, которые вы желаете установить размер картинок должен быть 450х450рх.

#11 Ирина345

Ирина345

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

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

Отправлено 12 Октябрь 2014 - 11:44

Просмотр сообщенияМика (12 Октябрь 2014 - 11:32) писал:

А подскажите размеры картинок для баннера?

Вставила картинки, но ни чего не изменилось(( Куда нужно вносить изменения?
Найдите в HTML
  <div>
<div  class="ban"></div>
<div  class="ban"></div>
<div  class="ban"></div>
<div  class="ban"></div>
</div>
замените на

  <div>
<div  class="ban">
<img src="ссылка на вашу картинку"/></div>
<div  class="ban">
<img src="ссылка на вашу картинку"/></div>
<div  class="ban">
<img src="ссылка на вашу картинку"/></div>
<div  class="ban">
<img src="ссылка на вашу картинку"/></div>
</div>

#12 Мика

Мика

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

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

Отправлено 15 Октябрь 2014 - 01:43

Скажите, как сделать тень у баннера? И добавить надпись снизу? Спасибо за помощь...

#13 Vaccina

Vaccina

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

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

Отправлено 15 Октябрь 2014 - 03:29 

.ban {
	border: 1px solid #458b74;
	border-radius: 6px;
	float: left;
	height: 207px;
	margin: 0 39px 10px 21px;
	width: 273px;
}
замените на:
.ban {
	border: 1px solid #458b74;
	border-radius: 6px;
	box-shadow: 3px 3px 3px #ccc;
	float: left;
	height: 207px;
	margin: 0 39px 10px 21px;
	width: 273px;
}

если текст хотите под картинкой разместить, то сразу после тегов <img /> прописываете необходимое

#14 Мика

Мика

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

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

Отправлено 15 Октябрь 2014 - 11:11

Всё получилось, кроме текста(( Можно по подробней этот момент

#15 MikDark

MikDark

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

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

Отправлено 15 Октябрь 2014 - 11:17

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

Всё получилось, кроме текста(( Можно по подробней этот момент

Вам выше предлагали код:
<div>
<div  class="ban">
<img src="ссылка на вашу картинку"/></div>
<div  class="ban">
<img src="ссылка на вашу картинку"/></div>
<div  class="ban">
<img src="ссылка на вашу картинку"/></div>
<div  class="ban">
<img src="ссылка на вашу картинку"/></div>
</div>

после нужных <img src="ссылка на вашу картинку"/> просто добавьте свой текст, например:
<div>
<div  class="ban">
<img src="ссылка на вашу картинку"/>Текст1</div>
<div  class="ban">
<img src="ссылка на вашу картинку"/>Текст2</div>
<div  class="ban">
<img src="ссылка на вашу картинку"/>Текст3</div>
<div  class="ban">
<img src="ссылка на вашу картинку"/>Текст4</div>
</div>

#16 ac-dream

ac-dream

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

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

Отправлено 26 Июль 2015 - 21:51

Здравствуйте!
Слайдер, установленный по умолчанию в теме "Хамелеон" работает некорректно. А именно, из загруженных изображений slide1, slide2, slide3 на сайте отображается только slide1. Остальные два - те, что по умолчанию. При этом, после повторной загрузки изображений они какое-то время отображаются на сайте, а потом опять стандартные.
Аккаунт SL-343424

#17 Firefly

Firefly

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

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

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

Просмотр сообщенияac-dream (26 Июль 2015 - 21:51) писал:

Здравствуйте!
Слайдер, установленный по умолчанию в теме "Хамелеон" работает некорректно. А именно, из загруженных изображений slide1, slide2, slide3 на сайте отображается только slide1. Остальные два - те, что по умолчанию. При этом, после повторной загрузки изображений они какое-то время отображаются на сайте, а потом опять стандартные.
Аккаунт SL-343424

Здравствуйте.
Протестировали работу Вашего слайдера. Все 3 картинки слайдера на данный момент отображаются корректно и те, что загружены Вами.
Вероятнее всего проблема заключается в закэшировании стандартных изображений в Вашем браузере. Попробуйте почистить кэш с помощью комбинации Ctrl+F5, а так же, если это не поможет, в настройках самого браузера.

#18 ac-dream

ac-dream

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

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

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

Просмотр сообщенияFirefly (27 Июль 2015 - 10:32) писал:

Здравствуйте.
Протестировали работу Вашего слайдера. Все 3 картинки слайдера на данный момент отображаются корректно и те, что загружены Вами.
Вероятнее всего проблема заключается в закэшировании стандартных изображений в Вашем браузере. Попробуйте почистить кэш с помощью комбинации Ctrl+F5, а так же, если это не поможет, в настройках самого браузера.

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

#19 ac-dream

ac-dream

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

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

Отправлено 22 Август 2015 - 02:27

Здравствуйте!
Как изменить высоту слайдера на главной страницы, сохранив при этом адаптивность?
SL-343424

#20 Danil

Danil

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

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

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

Просмотр сообщенияac-dream (22 Август 2015 - 02:27) писал:

Здравствуйте!
Как изменить высоту слайдера на главной страницы, сохранив при этом адаптивность?
SL-343424
Здравствуйте.
В main.css найдите код 
.flexslider .slides img {
	width: 100%;
	display: block;
}
и замените на 

.flexslider .slides img {
	width: 100%;
	display: block;
	max-height:200px;
}
изменяйте значение 200px на свое.
Обратно в Главная


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

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

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