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


Как Уб Ратьс Лайдер И Оставить 1 Картинку В Шаблоне Детский


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

#1 Dengatess

Dengatess

    Новичок

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

Отправлено 09 Июнь 2019 - 14:15

Добрый день, подскажите пожалуйста на главной странице шаблона "Детский" необходимо убрать слайдер и оставить из него 1 картинку

#2 Vaccina

Vaccina

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

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

Отправлено 11 Июнь 2019 - 06:40

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите и удалите:
	// Слайдер на главной
  var owlS = $('#slideshow .slider .owl-carousel');
  owlS.owlCarousel({
	items: 1,
	loop: false,
	rewind: false,
	lazyLoad: false,
	nav: false,
	navText: [ , ],
	dots: true,
	autoplay: false,
	autoplayHoverPause: false,
	smartSpeed: 500,
	dotsSpeed: 400,
	mouseDrag: false,
	touchDrag: false,
	pullDrag: false
  });
  // add animate.css class(es) to the elements to be animated animated
  function setAnimation ( _elem, _InOut ) {
	// Store all animationend event name in a string.
	// cf animate.css documentation
	var animationEndEvent = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
	_elem.each ( function () {
	  var $elem = $(this);
	  var $animationType = 'animated ' + $elem.data( 'animation-' + _InOut );
	  $elem.addClass($animationType).one(animationEndEvent, function () {
		$elem.removeClass($animationType); // remove animate.css Class at the end of the animations
	  });
	});
  }
  // Fired before current slide change
  owlS.on('change.owl.carousel', function(event) {
	  var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	  var $elemsToanim = $currentItem.find("[data-animation-out]");
	  setAnimation ($elemsToanim, 'out');
  });
  // Fired after current slide has been changed
  owlS.on('changed.owl.carousel', function(event) {
	  var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	  var $elemsToanim = $currentItem.find("[data-animation-in]");
	  setAnimation ($elemsToanim, 'in');
  });


#3 Mikos68

Mikos68

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородКостромская область, деревня.

Отправлено 16 Сентябрь 2019 - 07:04

Здравствуйте. Я-новичок, пробую создать магазин на шаблоне "детский". Земляне, подскажите пожалуйста-как удалить надписи на всех 3-х слайдерах и кнопку "приступить к покупкам" и "каталог"? Буду премного благодарен.
Аккаунт SL-484659

#4 stasia

stasia

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

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

Отправлено 16 Сентябрь 2019 - 17:45

Просмотр сообщенияMikos68 (16 Сентябрь 2019 - 07:04) писал:

Здравствуйте. Я-новичок, пробую создать магазин на шаблоне "детский". Земляне, подскажите пожалуйста-как удалить надписи на всех 3-х слайдерах и кнопку "приступить к покупкам" и "каталог"? Буду премного благодарен.
Аккаунт SL-484659

Здравствуйте. Зайдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:

	<!-- Слайдшоу-->
	<div id="slideshow">
	  <div class="preloader">
		<div class="cssload-main">
		  <div class="cssload-heart">
			<span class="cssload-heartL"></span>
			<span class="cssload-heartR"></span>
			<span class="cssload-square"></span>
		  </div>
		  <div class="cssload-shadow"></div>
		</div>
	  </div>
	  <div class="slider">
		<div class="owl-carousel">
		  <div class="item item-1" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=kids) no-repeat;">
			<div class="image"><a href="{CATALOG_URL}" title=""><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=kids"/></a></div>
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="text-content container">
				<div class="title">Сезон распродаж открыт!</div>
				<div class="subtitle">Скидки до 70%!</div>
				<a href="{CATALOG_URL}" class="button big">Приступить к покупкам</a>
			  </div>
			</div>
		  </div>
		  <div class="item item-2" style="background:url({ASSETS_IMAGES_PATH}slide2.jpg?design=kids) no-repeat;">
			<div class="image"><a href="{CATALOG_URL}" title=""><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=kids"/></a></div>
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="text-content container">
				<div class="title">Товары для малышей</div>
				<div class="subtitle">Все самое лучшее для самых маленьких</div>
				<a href="{CATALOG_URL}" class="button big">Перейти в каталог</a>
			  </div>
			</div>
		  </div>
		  <div class="item item-3" style="background:url({ASSETS_IMAGES_PATH}slide3.jpg?design=kids) no-repeat;">
			<div class="image"><a href="{CATALOG_URL}" title=""><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=kids"/></a></div>
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="text-content container">
				<div class="title">До -40% на одежду для детей!</div>
				<div class="subtitle">Успейте купить!</div>
				<a href="{CATALOG_URL}" class="button big">Приступить к покупкам</a>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Слайдшоу-->

Замените его на:

	<!-- Слайдшоу-->
	<div id="slideshow">
	  <div class="preloader">
		<div class="cssload-main">
		  <div class="cssload-heart">
			<span class="cssload-heartL"></span>
			<span class="cssload-heartR"></span>
			<span class="cssload-square"></span>
		  </div>
		  <div class="cssload-shadow"></div>
		</div>
	  </div>
	  <div class="slider">
		<div class="owl-carousel">
		  <div class="item item-1" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=kids) no-repeat;">
			<div class="image"><a href="{CATALOG_URL}" title=""><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=kids"/></a></div>
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="text-content container">
			  </div>
			</div>
		  </div>
		  <div class="item item-2" style="background:url({ASSETS_IMAGES_PATH}slide2.jpg?design=kids) no-repeat;">
			<div class="image"><a href="{CATALOG_URL}" title=""><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=kids"/></a></div>
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="text-content container">
			  </div>
			</div>
		  </div>
		  <div class="item item-3" style="background:url({ASSETS_IMAGES_PATH}slide3.jpg?design=kids) no-repeat;">
			<div class="image"><a href="{CATALOG_URL}" title=""><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=kids"/></a></div>
			<div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
			  <div class="text-content container">
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Слайдшоу-->





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

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