Mari-ina (07 Май 2017 - 13:11) писал:
Здравствуйте. Покажите, пожалуйста, на скриншоте, где они отображаются разного размера
Отправлено 16 Май 2017 - 06:18
#custommenu ul.mainnav li.level0 > a { display: block; padding: 10px 12px 3px; position: relative; height: 100%; font-size: 19px; font-weight: bold; text-transform: uppercase; line-height: 20px; color: #f39641; border: 1px solid transparent; margin: 0 0 1px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
#custommenu ul.mainnav li.level0 > a { display: block; padding: 10px 12px 3px; position: relative; height: 100%; font-size: 19px; font-weight: bold; text-transform: uppercase; line-height: 20px; color: #f39641; border: 1px solid transparent; margin: 0 0 1px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 137px; }
Отправлено 16 Май 2017 - 08:48
Отправлено 20 Май 2017 - 08:43
Отправлено 20 Май 2017 - 10:39
Mari-ina (20 Май 2017 - 08:43) писал:
<!-- /END Товары на главной, Новинки, Хиты -->добавил
<!--Бренды--> {% IF index_page %} <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="sns-producttabs"> <div class="sns-pdt-head"> <div class="sns-pdt-nav"> <div class="tab-title"> <span class="starleft"><i class="fa fa-star"></i></span> <ul class="pdt-nav"> <li class="item-nav"><span>Бренды</span></li> </ul> <span class="starright"><i class="fa fa-star"></i></span> </div> </div> </div> </div> <div id="brands" class="owl-carousel"> <div> <a href="#"> <img src="http://placehold.it/150x100"> </a> </div> <div> <a href="#"> <img src="http://placehold.it/150x100"> </a> </div> <div> <a href="#"> <img src="http://placehold.it/150x100"> </a> </div> <div> <a href="#"> <img src="http://placehold.it/150x100"> </a> </div> <div> <a href="#"> <img src="http://placehold.it/150x100"> </a> </div> <div> <a href="#"> <img src="http://placehold.it/150x100"> </a> </div> <div> <a href="#"> <img src="http://placehold.it/150x100"> </a> </div> <div> <a href="#"> <img src="http://placehold.it/150x100"> </a> </div> </div> </div> </div> </div> <style> .owl-buttons { position: absolute; top: 50%; margin-top: -25px; width: 100%; } .owl-buttons div { color: #191919; position: absolute; text-align: center; line-height: 64px; font-size: 40px; } .owl-item div a{ display:block; text-align:center; } .owl-buttons .owl-prev {left: 0} .owl-buttons .owl-next{right: 0} </style> {% ENDIF %}
// Бренды на главной jQuery(function($) { var carouselU = $('#brands'); carouselU.owlCarousel({ items: 6, navigation: true, navigationText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'], pagination: true, itemsScaleUp : true, slideSpeed : 800, autoPlay: true, addClassActive: true, autoHeight: false }); });
Отправлено 20 Май 2017 - 11:09
<!-- Условия доставки --> {% IFNOT goods_delivery_empty %} <div id="content_3" class="tab-content" style="display: none;"> {% FOR goods_delivery %} <div class="delivery"> <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} {% IF goods_delivery.PRICE=0 %} <span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>
<!-- Условия доставки --> {% IFNOT goods_delivery_empty %} <div id="content_3" class="tab-content" style="display: none;"> {% FOR goods_delivery %} <div class="delivery"> <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} {% IF goods_delivery.PRICE=0 %} <!--<span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>-->
Отправлено 20 Май 2017 - 11:26
Отправлено 20 Май 2017 - 11:41
Mari-ina (20 Май 2017 - 11:26) писал:
<!--Бренды--> {% IF index_page %} <div class="container">
<!--Бренды--> {% IF index_page %} <div class="container" style="display:none">
Отправлено 20 Май 2017 - 13:44
Отправлено 20 Май 2017 - 14:29
Mari-ina (20 Май 2017 - 13:44) писал:
.owl-buttons .owl-prev {left: 0} .owl-buttons .owl-next{right: 0}добавьте
#brands .owl-item img { max-height: 65px; }
Отправлено 20 Май 2017 - 14:47
Отправлено 31 Июль 2017 - 08:28
Отправлено 01 Август 2017 - 06:52
Отправлено 01 Август 2017 - 11:46
Mari-ina (31 Июль 2017 - 08:28) писал:
@media all and (min-width: 992px) and (max-width: 1199px) { #logo {float:left;width: 31%; padding-top: 10px;} #menu {float: right;clear: right} } 2.Уточните, пожалуйста на скриншоте возникшую проблему.На какой странице он проявляется.3. Такое происходит и на больших разрешения, так как блок не адаптируется.
@media all and (max-width:1199px){ .preview.hidden-tablet, .preview.hidden-phone {display:none!important;} }4.Могут,так как они подгружаются отдельно (для каждого товара) и дают дополнительную нагрузку. В стандартном шаблоне в каталоге загружается только одно фото товара.
Отправлено 01 Август 2017 - 12:03
Mr.Nito (01 Август 2017 - 11:46) писал:
Отправлено 01 Август 2017 - 13:19
Mari-ina (01 Август 2017 - 12:03) писал:
/* Центральная часть шапки Логотип */ #header {text-align: center;}на
/* Центральная часть шапки Логотип */ #header {text-align: center;margin-bottom: 5px;}
Отправлено 01 Август 2017 - 14:52
0 пользователей, 0 гостей, 0 анонимных