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


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

слайдер

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

#1 tovmarket

tovmarket

    Новичок

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

Отправлено 30 Октябрь 2018 - 11:48

Здравствуйте, по теме "Лето"
1.Помогите сделать слайдер в размер фрейма сайта и соответственно выровнять по середине. Пробовал поменять размер, получается криво.
2. Как добавлять еще слайды. Пытался кодить, но получается пустой фрейм, а как залить туда изображение не знаю. Вернул как было 2 слайда.
3. И еще по главной странице. Как туда вообще добавлять информацию, например карусели с категориями?

Возможно на форуме уже есть такая тема? Подскажите пожалуйста.

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

  • 2018-10-30_11-36-30.png


#2 Vaccina

Vaccina

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

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

Отправлено 31 Октябрь 2018 - 11:48

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

Укажите пожалуйста номер аккаунт вашего магазина.

#3 tovmarket

tovmarket

    Новичок

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

Отправлено 31 Октябрь 2018 - 11:56

SL-434076

#4 Vaccina

Vaccina

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

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

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

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
	<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div id="slider">
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		</div>
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Jssor Slider Слайдер -->
    
замените на:
	<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="container">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div id="slider">
		<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=summer" /></a>
		  </div>		  
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=summer" />
		  </div>		  
		</div>
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>
	  </div>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Jssor Slider Слайдер -->
    
Далее зайдите в jssor_slider.js найдите:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));

замените на:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1170));
    
Загрузите баннер с названием файла slide3.jpg

Для вывода категорий на главной странице зайдите в раздел Сайт - Главная страница - выберите "Каталог товаров".

#5 tovmarket

tovmarket

    Новичок

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

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

Спасибо!
По коду слайдера буду разбираться как вы подсказали.

По главной странице вопрос был в том, чтобы выводить категории каруселью с отображением товаров,
как в примере на картинке.

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

  • 2018-11-01_11-45-09.png






Темы с аналогичным тегами слайдер

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

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