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


Добавление Блока Распродажа

Автор Vaccina, 19 окт. 2021 08:48

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

#1 Vaccina

Vaccina

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

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

Отправлено 19 Октябрь 2021 - 08:48

В разделе  Товары - Товары, в левом столбце в разделе Акции создайте акцию, поставьте галочку в поле:

Цитата

Использовать товары этой акции для отображения в блоке «Распродажа»

Далее зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
	<!-- Слайдшоу-->
	<div id="slideshow">
	  <div class="container">
		<div class="slider owl-carousel">
		  <!-- Используйте data-webp-desktop-src="{ASSETS_IMAGES_PATH}slide-1.webp" и data-webp="1" для уставновки .webp изображений в слайдах -->
		  <!-- Слайд 1 -->
		  <div class="slider-item">
				<div class="slider-image _1 sl-lozad"
				  data-desktop-src="{ASSETS_IMAGES_PATH}slide-1.jpg"
				  data-mobile-src="{ASSETS_IMAGES_PATH}slide-1-mobile.jpg"
				></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Все для ремонта <br> и строительства
				  </h3>
				  <p class="slider-text">
					Так просто начать все с чистого листа, <br>
					когда все необходимое есть <br>
					в одном магазине				   
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>
		  </div>
		  <!-- /Слайд 1 -->
		 
		  <!-- Слайд 2 -->
		  <div class="slider-item">
				<div class="slider-image _2 sl-lozad"
				 data-desktop-src="{ASSETS_IMAGES_PATH}slide-2.jpg"
				 data-mobile-src="{ASSETS_IMAGES_PATH}slide-2-mobile.jpg"			  
				></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Параллельные миры <br>
					стали ближе				   
				  </h3>
				  <p class="slider-text">
					Мощные очки виртуальной реальности <br>
					и игровые приставки PlayStation VR <br>
					по самым выгодным ценам				   
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>
		  </div>
		  <!-- /Слайд 2 -->
		 
		  <!-- Слайд 3 -->
		  <div class="slider-item">
				<div class="slider-image _2 sl-lozad"
				 data-desktop-src="{ASSETS_IMAGES_PATH}slide-3.jpg"
				 data-mobile-src="{ASSETS_IMAGES_PATH}slide-3-mobile.jpg"			  
				 ></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Новый уровень <br>
					твоих тренировок				   
				  </h3>
				  <p class="slider-text">
					Профессиональная экипировка <br>
					для всех видов спорта. <br>
					Мужские, женские и детские коллекции				   
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>			   
		  </div>
		  <!-- /Слайд 3 -->
 
		</div>
	  </div>
	</div>
	<!-- /Слайдшоу-->


замените на:
<!-- Слайдшоу-->
<div id="slideshow_sale">
   <div class="container">
	  <div class="{% IFNOT index_page_sale_goods_empty %}col-lg-9{% ELSE %}col-lg-12{% ENDIF %} col-md-12 col-sm-12 col-xs-12">
		 <div id="slideshow">
			<div class="slider owl-carousel">
		  <!-- Слайд 1 -->
		  <div class="slider-item">
				<div class="slider-image _1 sl-lozad"
				  data-desktop-src="{ASSETS_IMAGES_PATH}slide-1.jpg"
				  data-mobile-src="{ASSETS_IMAGES_PATH}slide-1-mobile.jpg"
				></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Все для ремонта <br> и строительства
				  </h3>
				  <p class="slider-text">
					Так просто начать все с чистого листа, <br>
					когда все необходимое есть <br>
					в одном магазине				   
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>
		  </div>
		  <!-- /Слайд 1 -->
		 
		  <!-- Слайд 2 -->
		  <div class="slider-item">
				<div class="slider-image _2 sl-lozad"
				 data-desktop-src="{ASSETS_IMAGES_PATH}slide-2.jpg"
				 data-mobile-src="{ASSETS_IMAGES_PATH}slide-2-mobile.jpg"			  
				></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Параллельные миры <br>
					стали ближе				   
				  </h3>
				  <p class="slider-text">
					Мощные очки виртуальной реальности <br>
					и игровые приставки PlayStation VR <br>
					по самым выгодным ценам				   
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>
		  </div>
		  <!-- /Слайд 2 -->
		 
		  <!-- Слайд 3 -->
		  <div class="slider-item">
				<div class="slider-image _2 sl-lozad"
				 data-desktop-src="{ASSETS_IMAGES_PATH}slide-3.jpg"
				 data-mobile-src="{ASSETS_IMAGES_PATH}slide-3-mobile.jpg"			  
				 ></div>
				<div class="slider-content">
				  <h3 class="slider-title">
					Новый уровень <br>
					твоих тренировок				   
				  </h3>
				  <p class="slider-text">
					Профессиональная экипировка <br>
					для всех видов спорта. <br>
					Мужские, женские и детские коллекции				   
				  </p>
				  <a href="#" class="button">Узнать подробнее</a>
				</div>			   
		  </div>
		  <!-- /Слайд 3 -->
			</div>
		 </div>
	  </div>
	  <!-- Распродажа -->
	  {% IFNOT index_page_sale_goods_empty %}
	  <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
		 <div class="pdt-index-sale">
			<div class="container">
			   <div class="content">
				  <div class="block-title">
					 <h2 class="title">Распродажа</h2>
					 <div class="navigation"></div>
				  </div>
				  <div class="products-grid owl-carousel">
					 {% FOR index_page_sale_goods %}
					 <div class="item {% IF index_page_sale_goods.MAX_REST_VALUE=0 && SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}empty{% ENDIF %}{% IF index_page_sale_goods.COUNT_MODIFICATION > 1 %} _with-mod{% ENDIF %}">
						<div class="item-inner" itemscope itemtype="https://schema.org/Product">
						   <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID} goodsListForm">
							  <input type="hidden" name="hash" value="{HASH}" />
							  <input type="hidden" name="form[goods_from]" value="{index_page_sale_goods.GOODS_FROM}" />
							  <input type="hidden" name="form[goods_mod_id]" value="{index_page_sale_goods.MIN_PRICE_NOW_ID}" />
							  <div class="product-image">
								 <a class="quickview" href="{index_page_sale_goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{index_page_sale_goods.NAME}&raquo;" data-tooltip="Быстрый просмотр" rel="nofollow">
								 <span>Быстрый просмотр</span>
								 </a>
								 <div class="product-icons">
									<!-- Если есть возможность добавить товар в избранное -->
									{% IF index_page_sale_goods.IS_HAS_IN_FAVORITES_LIST %}
									<a class="add-wishlist added  product-ico"
									   data-action-is-add="0"
									   data-action-add-url="{FAVORITES_ADD_URL}"
									   data-action-delete-url="{FAVORITES_DELETE_URL}"
									   data-action-add-title="Добавить в избранное"
									   data-action-delete-title="Убрать из избранного"
									   data-prodname="{index_page_sale_goods.NAME}"
									   data-prodimage="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=neon{% ELSE %}{index_page_sale_goods.IMAGE_MEDIUM}{% ENDIF %}"
									   data-produrl="{index_page_sale_goods.URL}"
									   data-id="{index_page_sale_goods.ID}"
									   data-mod-id="{index_page_sale_goods.MIN_PRICE_NOW_ID}"
									   data-mod-id-price="{index_page_sale_goods.MIN_PRICE_NOW}"								
									   data-add-tooltip="В Избранное"
									   data-del-tooltip="Убрать из избранного"
									   data-tooltip="Убрать из избранного"
									   title="Убрать из избранного"
									   href="{FAVORITES_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									   rel="nofollow"
									   ><i class="fal fa-heart"></i></a>
									{% ELSE %}
									<a class="add-wishlist  product-ico"
									   data-action-is-add="1"
									   data-action-add-url="{FAVORITES_ADD_URL}"
									   data-action-delete-url="{FAVORITES_DELETE_URL}"
									   data-action-add-title="Добавить в избранное"
									   data-action-delete-title="Убрать из избранного"
									   data-prodname="{index_page_sale_goods.NAME}"
									   data-prodimage="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=neon{% ELSE %}{index_page_sale_goods.IMAGE_MEDIUM}{% ENDIF %}"
									   data-produrl="{index_page_sale_goods.URL}"
									   data-id="{index_page_sale_goods.ID}"
									   data-mod-id="{index_page_sale_goods.MIN_PRICE_NOW_ID}"
									   data-mod-id-price="{index_page_sale_goods.MIN_PRICE_NOW}"							 
									   data-add-tooltip="В Избранное"
									   data-del-tooltip="Убрать из избранного"
									   data-tooltip="В Избранное"
									   title="Добавить в избранное"
									   href="{FAVORITES_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									   rel="nofollow"
									   ><i class="fal fa-heart"></i></a>
									{% ENDIF %}
									<!-- /END Если есть возможность добавить товар в избранное -->
									<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
									{% IF index_page_sale_goods.IS_HAS_IN_COMPARE_LIST %}
									<a class="add-compare added  product-ico"
									   data-action-is-add="0"
									   data-action-add-url="{COMPARE_ADD_URL}"
									   data-action-delete-url="{COMPARE_DELETE_URL}"
									   data-action-add-title="В сравнение"
									   data-action-delete-title="Убрать из сравнения"
									   data-prodname="{index_page_sale_goods.NAME}"
									   data-prodimage="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=neon{% ELSE %}{index_page_sale_goods.IMAGE_MEDIUM}{% ENDIF %}"
									   data-produrl="{index_page_sale_goods.URL}"
									   data-id="{index_page_sale_goods.ID}"
									   data-mod-id="{index_page_sale_goods.MIN_PRICE_NOW_ID}"
									   data-mod-id-price="{index_page_sale_goods.MIN_PRICE_NOW}"
									   data-add-tooltip="В сравнение"
									   data-del-tooltip="Убрать из сравнения"
									   data-tooltip="Убрать из сравнения"
									   title="Убрать из сравнения"
									   href="{COMPARE_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_sale_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
									   rel="nofollow"
									   ><i class="fal fa-signal"></i></a>
									{% ELSE %}
									<a class="add-compare  product-ico"
									   data-action-is-add="1"
									   data-action-add-url="{COMPARE_ADD_URL}"
									   data-action-delete-url="{COMPARE_DELETE_URL}"
									   data-action-add-title="В сравнение"
									   data-action-delete-title="Убрать из сравнения"
									   data-prodname="{index_page_sale_goods.NAME}"
									   data-prodimage="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=neon{% ELSE %}{index_page_sale_goods.IMAGE_MEDIUM}{% ENDIF %}"
									   data-produrl="{index_page_sale_goods.URL}"
									   data-id="{index_page_sale_goods.ID}"
									   data-mod-id="{index_page_sale_goods.MIN_PRICE_NOW_ID}"
									   data-mod-id-price="{index_page_sale_goods.MIN_PRICE_NOW}"
									   data-add-tooltip="В сравнение"
									   data-del-tooltip="Убрать из сравнения"
									   data-tooltip="В сравнение"
									   title="В сравнение"
									   href="{COMPARE_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_sale_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
									   rel="nofollow"
									   ><i class="fal fa-signal"></i></a>
									{% ENDIF %}
									{% ENDIF %}
									<!-- /END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->						 
								 </div>
								 <a href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}"  class="product-img mouseHoverImgCarousel">
								 {% IF index_page_sale_goods.IMAGE_EMPTY %}
								 <img class="lozad" data-src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=neon" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}"  itemprop="image">
								 {% ELSE %}
								 <img class="lozad" src="{ASSETS_IMAGES_PATH}loader-min.gif"  data-src="{index_page_sale_goods.IMAGE_MEDIUM}" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}"  itemprop="image">
								 {% FOR images %}
								 {% IF index_page_sale_goods.IMAGE_MEDIUM != index_page_sale_goods.images.MEDIUM %}
								 <img class="lozad" src="{ASSETS_IMAGES_PATH}loader-min.gif"  data-src="{index_page_sale_goods.images.MEDIUM}" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}"  itemprop="image">
								 {% ENDIF %}
								 {% ENDFOR %}
								 {% ENDIF %}
								 </a>
								 {% IF index_page_sale_goods.IS_NEW %}
								 <span class="ico-new">Новинка</span>
								 {% ELSEIF index_page_sale_goods.IS_TOP %}
								 <span class="ico-best">Хит</span>
								 {% ENDIF %}
								 {% FOR goods_attr_list %}
								 {% IF index_page_sale_goods.goods_attr_list.NAME = Распродажа  %}
								 <span class="stiker">Распродажа</span>
								 {% ENDIF %}
								 {% ENDFOR %}
								 {% IF index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_sale_goods.MIN_PRICE_NOW %}
								 <span class="ico-sale">Акция</span>
								 {% ENDIF %}
								 <div class="ratings" {% IFNOT index_page_sale_goods.OPINION_RATING_VALUE %} style="display:none"{% ENDIF %}>
								 <a href="{index_page_sale_goods.URL | url_amp}" title="Перейти к отзывам">
									<div class="rating-box">
									   {% IF index_page_sale_goods.OPINION_RATING_VALUE %}
									   <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
										  <meta itemprop="worstRating" content = "1">
										  <meta itemprop="bestRating" content = "10">
										  <meta itemprop="ratingValue" content = "{index_page_sale_goods.OPINION_RATING_VALUE}">
										  <meta itemprop="reviewCount" content = "{index_page_sale_goods.OPINION_RATING_CNT_ALL}">
										  <div class="rating">
											 <span>{index_page_sale_goods.OPINION_RATING_VALUE | divide("2")}/5</span>
										  </div>
									   </span>
									   {% ELSE %}
									   <div class="rating" style="width:0%"  title="Рейтинг не определён"></div>
									   {% ENDIF %}
									</div>
								 </a>
							  </div>
						</div>
						<div class="product-shop">
						<meta itemprop="name" content="{index_page_sale_goods.NAME}">
						<meta itemprop="description" content="{% IF index_page_sale_goods.DESCRIPTION_SHORT %}{index_page_sale_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
						<div class="product-name"><a href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_sale_goods.NAME}" itemprop="url">{index_page_sale_goods.NAME}</a></div>
						<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
						<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
						{% IF index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_sale_goods.MIN_PRICE_NOW %}
						<span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						{% ELSEIF index_page_sale_goods.MIN_PRICE_OLD>index_page_sale_goods.MIN_PRICE_NOW %}
						<span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_sale_goods.MIN_PRICE_OLD | money_format}</span>
						{% ELSE %}
						<span class="no-old-price"></span>						   
						{% ENDIF %}
						<span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{index_page_sale_goods.MIN_PRICE_NOW}">{index_page_sale_goods.MIN_PRICE_NOW | money_format}</span>
						</div>
						<div class="actions">
						<div class="qty-wrap">
						<div class="qty-set">
						<a href="javascript:void(0)" class="qty-plus unselectable" title="Увеличить"><i class="fal fa-plus"></i></a>
						<input type="number" name="form[goods_mod_quantity]" max="4" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress(this, event);"  autocomplete="off">
						<a href="javascript:void(0)" class="qty-minus unselectable" title="Уменьшить"><i class="fal fa-minus"></i></a>
						</div>
						</div>
						<!-- Добавление товара в корзину -->
						{% IF index_page_sale_goods.MAX_REST_VALUE=0 && SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}
						<div class="empty" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div>
						{% ELSE %}
						{% IF index_page_sale_goods.COUNT_MODIFICATION > 1 %}
						<a class="quickviewmod button" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{index_page_sale_goods.URL_MIN_PRICE_NOW}"><i class="fal fa-shopping-cart" aria-hidden="true"></i><span>В корзину</span></a>
						{% ELSE %}													
						<a class="add-cart" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_sale_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_sale_goods.MIN_PRICE_NOW_ID}"><i class="fal fa-shopping-cart" aria-hidden="true"></i><span>В корзину</span></a>
						<a class="add-cart quick" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_sale_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_sale_goods.MIN_PRICE_NOW_ID}"><span>Купить в 1 клик</span></a>
						{% ENDIF %}
						{% ENDIF %}
						<!-- /END Добавление товара в корзину -->
						</div>
						</div>
						</form>
					 </div>
				  </div>
				  {% ENDFOR %}
			   </div>
			</div>
		 </div>
	  </div>
   </div>
   {% ENDIF %}
   <div class="clear"></div>
</div>
</div>
<!-- /Слайдшоу-->

Далее зайдите в шаблон indexPage.js - найдите:
	// Категории на главной
	$("#categories-index .owl-carousel").owlCarousel({
	  loop: false,

перед ним вставьте:
	// Распродажа
	$(".pdt-index-sale .owl-carousel").owlCarousel({
	  loop: true,
	  rewind: true,
	  lazyLoad: false,
	  nav: true,
	  dots: false,
	  autoplay: true,
	  autoplayTimeout: 3000,
	  autoplayHoverPause: true,
	  smartSpeed: 500,
	  touchDrag: true,
	  pullDrag: true,
	  navContainer: '.pdt-index-sale .navigation',
	  navText: [, ],
	  navText: ["<i class='slideshow-nav fal fa-angle-left' aria-hidden='true'></i>", "<i class='slideshow-nav fal fa-angle-right' aria-hidden='true'></i>"],	 
	  responsiveClass: true,
	  responsiveRefreshRate: 100,
	  responsive: {
		0:{items:1},
		320:{items:1},
		370:{items:1},
		480:{items:1},
		991:{items:1},
		1200:{items:1}
	  },
	  onInitialized: changeNavBtn
	});


Далее зайдите в шаблон indexPage.css - найдите:
/*! Слайдер ***/
#slideshow {position: relative;min-height: 70px;padding-top: 30px;background: #f9f9fa}
#slideshow .slider {border-radius: 5px;overflow: hidden}
#slideshow .slider-item {width: 100%;position: relative}
#slideshow .slider-item:not(:first-child) {display: none}
#slideshow .owl-loaded .item {display: block}
#slideshow .slider-image {width: 100%;height: 405px;background-size: cover;background-repeat: no-repeat;background-position: right center}
#slideshow .container .slider-content {position: absolute;top: 0;left: 0;right: 0;padding: 5.4%}
#slideshow .container .slider-content .slider-title {letter-spacing: 0;font-size: 36px;font-weight: 700}
#slideshow .container .slider-content .slider-text {margin-top: 30px;margin-bottom: 0;font-size: 16px}
#slideshow .container .slider-content .button {display: inline-block;margin-top: 20px}
#slideshow .owl-dots {display: inline-block;position: absolute;top: auto;bottom: 25px;left: 50%;right: auto;width: auto;text-align: center;padding: 2px 2px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-tap-highlight-color: transparent}
#slideshow:hover .owl-dots {opacity: 1}
#slideshow .owl-dots .owl-dot {display: inline-block;zoom: 1}
#slideshow .owl-dots .owl-dot span {display: block;position: relative;width: 10px;height: 10px;border-radius: 100%;border: 2px solid #fff;margin: 0 3px}
#slideshow .owl-dots .owl-dot:hover span {background: #fff}
#slideshow .owl-dots .owl-dot.active span,
#slideshow .owl-dots .owl-dot:hover span {background: #fff}
#slideshow .owl-nav .owl-next,
#slideshow .owl-nav .owl-prev {opacity: 0;position: absolute;z-index: 1;top: 50%;width: 35px;height: 35px;margin-top: -25px;font-size: 30px;line-height: 37px;text-align: center;color: #2e2e2e;background: #fff;border-radius: 5px;cursor: pointer;-webkit-transition: all .3s ease;transition: all .3s ease}
#slideshow .slider:hover .owl-next,
#slideshow .slider:hover .owl-prev {opacity: 1}
#slideshow .owl-nav .owl-prev {left: 15px}
#slideshow .owl-nav .owl-next {right: 15px}
#slideshow .owl-nav .owl-next:hover,
#slideshow .owl-nav .owl-prev:hover {color: #fff;background: #398f93}
@media (max-width:991px) {
  #slideshow .container .slider-content .slider-title {font-size: 26px}
  #slideshow .container .slider-content .slider-text {margin-top: 15px}
  #slideshow .slider-image {height: 375px;background-position: left center}
  #slideshow .slider-image._1 {background-position: 30% center}
  #slideshow .slider-image._2 {background-position: 50% center}
  #slideshow .slider-image._3 {background-position: 50% center}
  #slideshow .owl-nav {display: none}
}
@media (max-width:481px) {
  #slideshow .slider-image {height: 275px;background-position: left center}
  #slideshow .container .slider-content .slider-title {font-size: 22px}
  #slideshow .container .slider-content .slider-text {margin-top: 10px;font-size: 15px}
  #slideshow .owl-nav .owl-prev {left: 0}
  #slideshow .owl-nav .owl-next {right: 0}
  #slideshow .owl-dots {bottom: 0}
}


замените на:
/*! Слайдер ***/
#slideshow {position: relative;min-height: 70px;padding-top: 30px;background: #f9f9fa}
#slideshow .slider {border-radius: 5px;overflow: hidden}
#slideshow .slider-item {width: 100%;position: relative}
#slideshow .slider-item:not(:first-child) {display: none}
#slideshow .owl-loaded .item {display: block}
#slideshow .slider-image {width: 100%;height: 405px;background-size: cover;background-repeat: no-repeat;background-position: right center}
#slideshow .slider-content {position: absolute;top: 0;left: 0;right: 0;padding: 5.4%}
#slideshow .slider-content .slider-title {letter-spacing: 0;font-size: 36px;font-weight: 700}
#slideshow .slider-content .slider-text {margin-top: 30px;margin-bottom: 0;font-size: 16px}
#slideshow .slider-content .button {display: inline-block;margin-top: 20px}
#slideshow .owl-dots {display: inline-block;position: absolute;top: auto;bottom: 25px;left: 50%;right: auto;width: auto;text-align: center;padding: 2px 2px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-tap-highlight-color: transparent}
#slideshow:hover .owl-dots {opacity: 1}
#slideshow .owl-dots .owl-dot {display: inline-block;zoom: 1}
#slideshow .owl-dots .owl-dot span {display: block;position: relative;width: 10px;height: 10px;border-radius: 100%;border: 2px solid #fff;margin: 0 3px}
#slideshow .owl-dots .owl-dot:hover span {background: #fff}
#slideshow .owl-dots .owl-dot.active span,
#slideshow .owl-dots .owl-dot:hover span {background: #fff}
#slideshow .owl-nav .owl-next,
#slideshow .owl-nav .owl-prev {opacity: 0;position: absolute;z-index: 1;top: 50%;width: 35px;height: 35px;margin-top: -25px;font-size: 30px;line-height: 37px;text-align: center;color: #2e2e2e;background: #fff;border-radius: 5px;cursor: pointer;-webkit-transition: all .3s ease;transition: all .3s ease}
#slideshow .slider:hover .owl-next,
#slideshow .slider:hover .owl-prev {opacity: 1}
#slideshow .owl-nav .owl-prev {left: 15px}
#slideshow .owl-nav .owl-next {right: 15px}
#slideshow .owl-nav .owl-next:hover,
#slideshow .owl-nav .owl-prev:hover {color: #fff;background: #398f93}
@media (max-width:991px) {
  #slideshow .slider-content .slider-title {font-size: 26px}
  #slideshow .slider-content .slider-text {margin-top: 15px}
  #slideshow .slider-image {height: 375px;background-position: left center}
  #slideshow .slider-image._1 {background-position: 30% center}
  #slideshow .slider-image._2 {background-position: 50% center}
  #slideshow .slider-image._3 {background-position: 50% center}
  #slideshow .owl-nav {display: none}
}
@media (max-width:481px) {
  #slideshow .slider-image {height: 275px;background-position: left center}
  #slideshow .slider-content .slider-title {font-size: 22px}
  #slideshow .slider-content .slider-text {margin-top: 10px;font-size: 15px}
  #slideshow .owl-nav .owl-prev {left: 0}
  #slideshow .owl-nav .owl-next {right: 0}
  #slideshow .owl-dots {bottom: 0}
}

Обратно в Главная


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

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

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