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


Правка Слайдера


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

#1 Кайман

Кайман

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

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

Отправлено 29 Январь 2018 - 14:45

Здравствуйте! Помогите внести изменения в слайдер.
Есть три слайдера. Меняются два первых нормально, а третий slide3.jpg, сколько не меняю картинка остаётся одна и та-же.
Помогите заменить картинку и сделать так, чтобы в будущем можно было поменять(уже обращался с этим вопросом в форум- картинку поменяли, но в следующий раз уже не заменяется).

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

  • Slide3.jpg
  • Screenshot_1.jpg


#2 RayLi

RayLi

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

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

Отправлено 29 Январь 2018 - 15:58

 Кайман (29 Январь 2018 - 14:45) писал:

Здравствуйте! Помогите внести изменения в слайдер.
Есть три слайдера. Меняются два первых нормально, а третий slide3.jpg, сколько не меняю картинка остаётся одна и та-же.
Помогите заменить картинку и сделать так, чтобы в будущем можно было поменять(уже обращался с этим вопросом в форум- картинку поменяли, но в следующий раз уже не заменяется).

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

		   <!-- Slider Слайдер -->
					  <div id="slideshow">
						<div class="preloader"><span class="content-loading"></span></div>
						<div id="slider" class="owl-carousel owl-theme">
							  <div class="item">
								<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
							  </div>
							  <div class="item">
								<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
							  </div>
							  <div class="item">
								<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}pb3.jpg?design=sport" /></a>
							  </div>
							  <div class="item">
								<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
							  </div>
							  <div class="item">
								<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
							  </div>
							  <div class="item">
								<img u="image" src="{ASSETS_IMAGES_PATH}pb3.jpg?design=sport" />
							  </div>
						</div>
					  </div>
			<!-- /END Slider Слайдер -->

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

		   <!-- Slider Слайдер -->
					  <div id="slideshow">
						<div class="preloader"><span class="content-loading"></span></div>
						<div id="slider" class="owl-carousel owl-theme">
							  <div class="item">
								<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
							  </div>
							  <div class="item">
								<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
							  </div>
							  <div class="item">
								<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a>
							  </div>
						</div>
					  </div>
			<!-- /END Slider Слайдер -->


#3 Кайман

Кайман

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

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

Отправлено 02 Февраль 2018 - 13:54

Спасибо! Всё исправилось!

#4 Кайман

Кайман

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

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

Отправлено 03 Февраль 2018 - 13:38

Помогите пожалуйста сделать слайдер кликабельным! Чтобы при нажатии на картинку слайдера открывалась страница с товаром

#5 RayLi

RayLi

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

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

Отправлено 03 Февраль 2018 - 14:38

 Кайман (03 Февраль 2018 - 13:38) писал:

Помогите пожалуйста сделать слайдер кликабельным! Чтобы при нажатии на картинку слайдера открывалась страница с товаром

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

		   <!-- Slider Слайдер -->
										  <div id="slideshow">
												<div class="preloader"><span class="content-loading"></span></div>
												<div id="slider" class="owl-carousel owl-theme">
														  <div class="item">
																<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
														  </div>
														  <div class="item">
																<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
														  </div>
														  <div class="item">
																<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a>
														  </div>
														  <div class="item">
																<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=sport" /></a>
												</div>
										  </div>
						<!-- /END Slider Слайдер -->

И в нём заместо данных символов: # - пропишите, пожалуйста, требуемые Вам ссылки на товары.

#6 Кайман

Кайман

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

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

Отправлено 14 Февраль 2018 - 12:31

СПАСИБО!

#7 User56rus

User56rus

    Новичок

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

Отправлено 22 Февраль 2018 - 04:44

Здравствуйте!
Установил слайдер Nivo, но не могу его запустить...
Помогите исправить, заранее спасибо!
SL-444876

#8 RayLi

RayLi

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

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

Отправлено 22 Февраль 2018 - 14:38

 User56rus (22 Февраль 2018 - 04:44) писал:

Здравствуйте!
Установил слайдер Nivo, но не могу его запустить...
Помогите исправить, заранее спасибо!
SL-444876

Здравствуйте.
В данном случае попробуйте, пожалуйста, на Вашем сайте произвести следующие изменения:
В шаблоне main.js найдите, пожалуйста, данный код:

// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
	carouselU.owlCarousel({
	  pagination: false,
	  navigation : true,
	  itemsScaleUp : true,
	  slideSpeed : 800,
	  autoPlay: true,
	  autoHeight: true,
	  paginationSpeed : 400,
	  singleItem:true,
	  items: 1
	});
});

// Товары на главной

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

// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
	carouselU.owlCarousel({
	  pagination: false,
	  navigation : true,
	  itemsScaleUp : true,
	  slideSpeed : 800,
	  autoplay: true,
	  autoHeight: true,
	  paginationSpeed : 400,
	  singleItem:true,
	  items:1,
	  nav: true,
	  rewind:true
	});
});

// Товары на главной


#9 Влад123123

Влад123123

    Новичок

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

Отправлено 04 Март 2018 - 00:03

Пропали кнопки со слайдера, как исправить?

#10 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 04 Март 2018 - 11:48

 Влад123123 (04 Март 2018 - 00:03) писал:

Пропали кнопки со слайдера, как исправить?

Здравствуйте.
Уточните номер Вашего аккаунта

#11 Денис К.

Денис К.

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

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

Отправлено 03 Апрель 2018 - 17:41

Здравствуйте! Помогите внести изменения в слайдер.

1.Как добавить слайдер что-бы было 5 слайдеров.
2. Как с делать что-бы слайдер перелистывался сам.

#12 Ирина345

Ирина345

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

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

Отправлено 12 Апрель 2018 - 10:58

 Денис К. (03 Апрель 2018 - 17:41) писал:

Здравствуйте! Помогите внести изменения в слайдер.

1.Как добавить слайдер что-бы было 5 слайдеров.
2. Как с делать что-бы слайдер перелистывался сам.
Здравствуйте, извините за долгий ответ.
1. Как я вижу данный вопрос уже решен.
2. Автопрокрутка слайдера у Вас установлена.

#13 AlexSar

AlexSar

    Новичок

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

Отправлено 26 Май 2018 - 00:19

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

P.S. не разобрался, как вставлять картинку

#14 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 27 Май 2018 - 19:01

 AlexSar (26 Май 2018 - 00:19) писал:

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

P.S. не разобрался, как вставлять картинку
Слайдер перенёс сразу после
	 <!-- /END Хлебные крошки -->
код
	 {% IF index_page %}
	 <!-- Slider Слайдер -->
	 <div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div id="slider" class="owl-carousel owl-theme">
		 <div class="item">
		 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
		 </div>
		 <div class="item">
		 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
		 </div>
		 <div class="item">
		 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
		 </div>
		 <div class="item">
		 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
		 </div>
	 </div>
	 </div>
	 <!-- /END Slider Слайдер -->
	 {% ENDIF %}
Используйте изображение шириной 1920

#15 dramzzz

dramzzz

    Новичок

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

Отправлено 12 Июль 2018 - 17:53

Пропали кнопки со слайдера, после того как воспользовался инструкцией по растяжению картинки на весь экран, как исправить? они сместились в низ((((

// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
carouselU.owlCarousel({
  pagination: false,
  navigation : true,
  itemsScaleUp : true,
  slideSpeed : 800,
  autoplay: true,
  autoHeight: true,
  paginationSpeed : 400,
  singleItem:true,
  items:1,
  nav: true,
  rewind:true
});
});

// Товары на главной

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

  • 2.jpg


#16 dramzzz

dramzzz

    Новичок

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

Отправлено 12 Июль 2018 - 19:48

Вопрос закрыт, сам разобрался, вы ошибку в коде допустили из-за этого и вылазила фигня!




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

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