Цитата
Использовать товары этой акции для отображения в блоке «Распродажа»
Далее зайдите в раздел Сайт - Редактор шаблонов - 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="Быстрый просмотр «{index_page_sale_goods.NAME}»" 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}&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}&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}&from={index_page_sale_goods.GOODS_FROM}&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}&from={index_page_sale_goods.GOODS_FROM}&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}&form%5Bgoods_from%5D={index_page_sale_goods.GOODS_FROM}&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}&form%5Bgoods_from%5D={index_page_sale_goods.GOODS_FROM}&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} }