Сообщений в теме: 169

[MikDark]

Mari-ina (07 Май 2017 - 13:11) писал:

Здравствуйте. Подскажите, как сделать квадратные блоки категорий все одного размера?

Здравствуйте. Покажите, пожалуйста, на скриншоте, где они отображаются разного размера

[Mari-ina]

На первых двух блоках хорошо видно, что они разной ширины

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

• 

[Vaccina]

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


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

#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;
}

[Mari-ina]

Спасибо

[Mari-ina]

Здравствуйте. Подскажите, можно ли реализовать на главной под блоком Хитов (между Хитами и текстом) карусель Бренды. У меня есть второй каталог с брендами, и при клике на логотип бренда в карусели попадать в раздел каталога брендов???

И второй вопрос: как убрать фразу "Стоимость доставки 0 рублей" на вкладке Условия Доставки в товаре (для 1 и 3 способа, для 2 способа (курьером) все оставить)

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

• 

[Mr.Nito]

Mari-ina (20 Май 2017 - 08:43) писал:

Здравствуйте. Подскажите, можно ли реализовать на главной под блоком Хитов (между Хитами и текстом) карусель Бренды. У меня есть второй каталог с брендами, и при клике на логотип бренда в карусели попадать в раздел каталога брендов???

И второй вопрос: как убрать фразу "Стоимость доставки 0 рублей" на вкладке Условия Доставки в товаре (для 1 и 3 способа, для 2 способа (курьером) все оставить)

Здравствуйте.
Слайдер брендов добавил на страницу.
В шаблоне HTML после

	 <!-- /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 %}

В файле main.js добавил

// Бренды на главной
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
});
});

[Mr.Nito]

Стоимость доставки скрыл в шаблоне Товар

<!-- Условия доставки -->
{% 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>-->

[Mari-ina]

Оооо, спасибо огромное. Как сделать, чтобы размеры фото в карусели были фиксированы, а не скакали как у меня сейчас?

[Mr.Nito]

Mari-ina (20 Май 2017 - 11:26) писал:

Оооо, спасибо огромное. Только подскажите как карусель временно скрыть, пока я не добавлю все фото логотипов?

В шаблоне HTML заменить

	  <!--Бренды-->
	  {% IF index_page %}
	  <div class="container">

на

	  <!--Бренды-->
	  {% IF index_page %}
	  <div class="container" style="display:none">

[Mari-ina]

Как сделать, чтобы размеры фото в карусели были фиксированы, а не скакали как у меня сейчас?

[Mr.Nito]

Mari-ina (20 Май 2017 - 13:44) писал:

Как сделать, чтобы размеры фото в карусели были фиксированы, а не скакали как у меня сейчас?

Чтобы ограничить высоту
в шаблоне HTML в коде слайдера
после

	 .owl-buttons .owl-prev {left: 0}
		
	 .owl-buttons .owl-next{right: 0}

добавьте

#brands .owl-item img {
max-height: 65px;
}

Обновите страницу магазина через Ctrl + F5

[Mari-ina]

Спасибо. И еще вопрос - как увеличить отступ снизу, между каруселью и текстом

[Mr.Nito]

Mari-ina (20 Май 2017 - 14:47) писал:

Спасибо. И еще вопрос - как увеличить отступ снизу, между каруселью и текстом

Нужно добавить там же
после

#brands .owl-item img {
max-height: 65px;
}

код

#brands {margin-bottom: 20px;}

[Mari-ina]

Здравствуйте. После каких-то моих изменений на сайте нарушилась адаптивность.
1. Для расширения 1024рх первый блок меню находит на логотип
2. Для расширения менее 1280рх уходит вниз главная фотография в категориях при наведении на товар, она опускается под дополнительные фотографии.
3. На телефонах (расширение менее 450рх) также ужас, фотография двоится и уходит за край экрана, так что дополнительные фото становится не видно.
4. И еще такой вопрос: могут ли эти дополнительные фотографии влиять на загрузку страницы, так как очень долго загружаются страницы каталога. И еще доп.фото сразу видно только на так называемой первой странице, на подгружаемой второй и последующих страницах доп.фото не видно, пока не загрузятся все страницы раздела до конца, а это происходит достаточно долгое время.

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

• 
• 
• 

[Mari-ina]

ап

[Mr.Nito]

Mari-ina (31 Июль 2017 - 08:28) писал:

Здравствуйте. После каких-то моих изменений на сайте нарушилась адаптивность.
1. Для расширения 1024рх первый блок меню находит на логотип
2. Для расширения менее 1280рх уходит вниз главная фотография в категориях при наведении на товар, она опускается под дополнительные фотографии.
3. На телефонах (расширение менее 450рх) также ужас, фотография двоится и уходит за край экрана, так что дополнительные фото становится не видно.
4. И еще такой вопрос: могут ли эти дополнительные фотографии влиять на загрузку страницы, так как очень долго загружаются страницы каталога. И еще доп.фото сразу видно только на так называемой первой странице, на подгружаемой второй и последующих страницах доп.фото не видно, пока не загрузятся все страницы раздела до конца, а это происходит достаточно долгое время.

1.Изменения произвёл в main.css

@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.Могут,так как они подгружаются отдельно (для каждого товара) и дают дополнительную нагрузку. В стандартном шаблоне в каталоге загружается только одно фото товара.

[Mari-ina]

Mr.Nito (01 Август 2017 - 11:46) писал:

1.Изменения произвёл в main.css

@media all and (min-width: 992px) and (max-width: 1199px) {
#logo {float:left;width: 31%; padding-top: 10px;}
#menu {float: right;clear: right}
}

Спасибо. А как увеличить расстояние между блоками меню и хлебными крошками (баннером) для мобильного формата (до 1200рх)

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

• 

[Mr.Nito]

Mari-ina (01 Август 2017 - 12:03) писал:

Спасибо. А как увеличить расстояние между блоками меню и хлебными крошками (баннером) для мобильного формата (до 1200рх)

В main.css
замените

/* Центральная часть шапки Логотип */
#header {text-align: center;}

на

/* Центральная часть шапки Логотип */
#header {text-align: center;margin-bottom: 5px;}

[Mari-ina]

Спасибо

[Mari-ina]

Здравствуйте. Подскажите, как выровнять значок "Новинка" на рамке товара, сейчас он и по высоте и удаленности от края на всех товарах на разном уровне.

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

•