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


Добавление Слайдшоу


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

#1 dmargazin

dmargazin

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

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

Отправлено 19 Январь 2022 - 17:32

Здравствуйте, подскажите пожалуйста как поставить слайдшоу в отмеченное на скрине место? И чтоб по клику на слайдшоу был переход в категорию товаров.

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

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


#2 metry

metry

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

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

Отправлено 19 Январь 2022 - 17:57

Добрый день. Изменения Вам внесли. Слайдшоу вывели. Картинки в слайдшоу можно изменить согласно инструкции из FAQ: https://storeland.ru/about/faq#94
Рекомендуемый размер загружаемых картинок 1050x520 px


2. Для того чтобы прописать свои ссылки для перехода по клику на картинки в сайдшоу, зайдите в Редактор шаблонов-->HTML и найдите:

			<!-- Слайдшоу-->
			<div id="slideshow" >
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div class="slider owl-carousel">
				<!-- Слайд 1 -->
				<div class="item" style="background-image: url({ASSETS_IMAGES_PATH}slide-1.jpg)">
				  <a href="#">
					<div class="image">
					  <picture>
						<source class="owl-lazy" media="(max-width: 991px)" data-srcset="{ASSETS_IMAGES_PATH}slide-1-mobile.jpg">
						<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}slide-1.jpg" alt="Слайд 1">
					  </picture>
					</div>
				  </a>
				</div>
				<!-- /Слайд 1 -->

				<!-- Слайд 2 -->
				<div class="item" style="background-image: url({ASSETS_IMAGES_PATH}slide-2.jpg)">
				  <a href="#">
					<div class="image">
					  <picture>
						<source class="owl-lazy" media="(max-width: 991px)" data-srcset="{ASSETS_IMAGES_PATH}slide-2-mobile.jpg">
						<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}slide-2.jpg" alt="Слайд 2">
					  </picture>
					</div>
				  </a>
				</div>
				<!-- /Слайд 2 -->

				<!-- Слайд 3 -->
				<div class="item" style="background-image: url({ASSETS_IMAGES_PATH}slide-3.jpg)">
				  <a href="#">
					<div class="image">
					  <picture>
						<source class="owl-lazy" media="(max-width: 991px)" data-srcset="{ASSETS_IMAGES_PATH}slide-3-mobile.jpg">
						<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}slide-3.jpg" alt="Слайд 3">
					  </picture>
					</div>
				  </a>
				</div>
				<!-- /Слайд 3 -->
			  </div>
			</div>
			<!-- /Слайдшоу--> 


- в найденном коде вместо # задайте свои ссылки для перехода.

Сообщение отредактировал metry: 19 Январь 2022 - 17:59





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

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