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


Слайдер


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

#1 e.k.pachkovskiy@gmail.com

e.k.pachkovskiy@gmail.com

    Новичок

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

Отправлено 03 Январь 2018 - 19:43

Помогите пожалуйста, не работает слайдер, не меняются фото слайдера.

Аккаунт SL-430252

#2 e.k.pachkovskiy@gmail.com

e.k.pachkovskiy@gmail.com

    Новичок

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

Отправлено 05 Январь 2018 - 23:24

??

#3 RayLi

RayLi

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

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

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

Просмотр сообщенияe.k.pachkovskiy@gmail.com (03 Январь 2018 - 19:43) писал:

Помогите пожалуйста, не работает слайдер, не меняются фото слайдера.

Аккаунт SL-430252

Здравствуйте.
Для того, чтобы это исправить, Вам необходимо на Вашем сайте произвести следующие изменения:
В бэк-офисе вашего интернет-магазина, в разделе Сайт -> Редактор шаблонов, в шаблоне main.js найдите, пожалуйста, данный код:

// Функции для главной страницы
function indexPage() {
// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
		carouselU.owlCarousel({
		  pagination: false,
		  navigation : true,
		  itemsScaleUp : true,
		  slideSpeed : 800,
		  autoPlay: true,
		  autoHeight: true,
		  paginationSpeed : 400,
		  singleItem:true
		});
});

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

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

// Функции для главной страницы
function indexPage() {
// Слайдер на главной
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
	});
});

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


Далее в шаблоне: forall.js найдите, пожалуйста, следующий код:


navContainerClass:"owl-nav",


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


navContainerClass:"owl-buttons",


#4 Андрей37

Андрей37

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

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

Отправлено 07 Январь 2018 - 00:41

Добрый вечер, подскажите пожалуйста куда и что именно добавить в код дабы было 5 слайдеров.
И вопрос можно ли сделать больше 5 слайдеров и какой установлен лимит на слайдеры?
Буду признателен за ответ :)

#5 Vaccina

Vaccina

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

  • Модераторы
  • 23 029 сообщений

Отправлено 07 Январь 2018 - 10:46

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

замените на:
<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

измените название изображений на необходимое, количество может устанавливать необходимое, по сути в изменении выше я продублировала код слайдов ниже:
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>


#6 Андрей37

Андрей37

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

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

Отправлено 07 Январь 2018 - 20:30

Просмотр сообщенияVaccina (07 Январь 2018 - 10:46) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

замените на:
<!-- Главная страница -->
	 {% IF index_page %}
		 <div id="module_area">
		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
			 </li>
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

измените название изображений на необходимое, количество может устанавливать необходимое, по сути в изменении выше я продублировала код слайдов ниже:
			 <li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
			 </li>


Добрый вечер, спасибо большое, изменения внёс. Возник еще вопрос как теперь ставить новые изображения в слайдеры добавленные так как не появилось разделов на изменение и дополненеие новых, так отображается 3 в меню (изображение 1)

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

  • слайдер1.jpg


#7 Vaccina

Vaccina

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

  • Модераторы
  • 23 029 сообщений

Отправлено 10 Январь 2018 - 05:41

Здравствуйте.

В раздел Сайт - Редактор шаблонов - загрузите баннеры slide4.png и slide5.png




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

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