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


Слайдер

Автор e.k.pachkovskiy@gmail.com, 03 янв. 2018 19:43

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

#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 864 сообщений

Отправлено 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

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

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

Отправлено 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

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

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

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

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

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

#8 Gost

Gost

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

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

Отправлено 24 Ноябрь 2018 - 13:07

Здравствуйте, все сделал согласно указанным рекомендациям, карусель слайдера не работает. Сейчас изменения отменил. Как правильно настроить?

#9 jenek-sh

jenek-sh

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

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

Отправлено 26 Ноябрь 2018 - 01:52

Здравствуйте.
Как сделать чтобы картинки в слайдере подгонялись в один размер?

#10 RayLi

RayLi

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

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

Отправлено 26 Ноябрь 2018 - 20:19

Просмотр сообщенияjenek-sh (26 Ноябрь 2018 - 01:52) писал:

Здравствуйте.
Как сделать чтобы картинки в слайдере подгонялись в один размер?

Здравствуйте.
Для начала, просьба уточнить, для какого конкретного аккаунта Вашего интернет-магазина необходимы данные изменения?

#11 jenek-sh

jenek-sh

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

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

Отправлено 26 Ноябрь 2018 - 22:02

Просмотр сообщенияRayLi (26 Ноябрь 2018 - 20:19) писал:

Здравствуйте.
Для начала, просьба уточнить, для какого конкретного аккаунта Вашего интернет-магазина необходимы данные изменения?
SL-230168

#12 Gost

Gost

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

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

Отправлено 27 Ноябрь 2018 - 12:31

Ответьте на вопрос опубликованный выше

#13 Gost

Gost

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

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

Отправлено 03 Декабрь 2018 - 15:52

Ау??? Поддержка 24/7?

#14 RayLi

RayLi

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

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

Отправлено 04 Декабрь 2018 - 16:36

Просмотр сообщенияjenek-sh (26 Ноябрь 2018 - 22:02) писал:

SL-230168

Здравствуйте.
В шаблоне main.css найдите, пожалуйста, данный блок кода:

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}

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


.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	height: 320px !important;
}

#15 Gost

Gost

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

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

Отправлено 05 Декабрь 2018 - 07:49

Спасибо, теперь все работает :rolleyes:
Обратно в Шаблон Спорт


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

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

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