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

[Ingleest]

Доброй ночи!
Подскажите, как можно в карточку товара добавить уменьшенные иконки и текст с главной страницы "Бесплатная доставка", "30дней гарантии", "Прием заказов"? И расположить их под неактивными фотографиями товара. Чтобы текст был справа от иконок и был не больше, чем иконка по высоте.

[Vaccina]

Уточните пожалуйста, что вы имеете ввиду под "неактивными фотографиями товара"? Как понимаю, блок необходимо разместить под главным изображением товара, блок по вей ширине расположить или по ширине основного фото?

[Ingleest]

Да, там. Но если у товара несколько фотографий... Похоже, спутал с каким-то сайтом, где неактивные фотки под главной фотографией товара. По ширине фотографии, конечно.

[Юля123]

Ingleest (26 Январь 2016 - 14:14) писал:

Да, там. Но если у товара несколько фотографий... Похоже, спутал с каким-то сайтом, где неактивные фотки под главной фотографией товара. По ширине фотографии, конечно.

Здравствуйте, прикрепите, пожалуйста, скриншот, с указанным местом, куда конкретно поставить этот блок, чтобы не возникло недопонимания.

[Ingleest]

Юля123 (26 Январь 2016 - 17:17) писал:

Здравствуйте, прикрепите, пожалуйста, скриншот, с указанным местом, куда конкретно поставить этот блок, чтобы не возникло недопонимания.

Под фотографией в свободном поле слева от модификаций:

[Юля123]

Ingleest (26 Январь 2016 - 18:38) писал:

Под фотографией в свободном поле слева от модификаций:

В шаблоне Товар после кода:

<!-- END основное изображение товара -->

добавьте код:

			<!-- Баннеры -->
	  <div id="topsl">
		<div class="container">
		  <div class="policy_shop">
			<div class="row">
			  <div class="col-sm-2 col-xs-2 policy">
				<div class="ca-content">
				  <em class="fa fa-truck">&nbsp;</em>
				  <h4 class="ca-main">Kohaletoitamine kogu Eestis</h4>
				  Tallinnas ning ümbruses (10km ulatuses) kohale toimetamine on tasuta.
				</div>
			  </div>
			  <div class="col-sm-2 col-xs-2 policy">
				<div class="ca-content">
				  <em class="fa fa-mail-reply">&nbsp;</em>
				  <h4 class="ca-main">14-päevane kauba tagastamisõigus</h4>
				  14.päeva jooksuj saab kaupa tagastada ning saada raha tagasi.
				</div>
			  </div>
			  <div class="col-sm-2 col-xs-2 policy">
				<div class="ca-content">
				  <em class="fa fa-comments">&nbsp;</em>
				  <h4 class="ca-main">Tellimuste vastuvõtt 24/7</h4>
				  Vormistate tellimuse e-poes "{SETTINGS_STORE_NAME}" Otse kohe!
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>

Там же замените код:

<div class="product-img-box col-md-5 col-sm-12 col-sms-12">

на код:

<div class="product-img-box col-md-6 col-sm-12 col-sms-12">

и код:

	<div class="product-shop col-md-7 col-sm-12 col-sms-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

на код:

	<div class="product-shop col-md-6 col-sm-12 col-sms-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

[Ingleest]

Юля123 (26 Январь 2016 - 19:22) писал:

В шаблоне Товар после кода:

<!-- END основное изображение товара -->

добавьте код:

		 <!-- Баннеры -->
	 <div id="topsl">
	 <div class="container">
		 <div class="policy_shop">
		 <div class="row">
			 <div class="col-sm-2 col-xs-2 policy">
			 <div class="ca-content">
				 <em class="fa fa-truck">&nbsp;</em>
				 <h4 class="ca-main">Kohaletoitamine kogu Eestis</h4>
				 Tallinnas ning ümbruses (10km ulatuses) kohale toimetamine on tasuta.
			 </div>
			 </div>
			 <div class="col-sm-2 col-xs-2 policy">
			 <div class="ca-content">
				 <em class="fa fa-mail-reply">&nbsp;</em>
				 <h4 class="ca-main">14-päevane kauba tagastamisõigus</h4>
				 14.päeva jooksuj saab kaupa tagastada ning saada raha tagasi.
			 </div>
			 </div>
			 <div class="col-sm-2 col-xs-2 policy">
			 <div class="ca-content">
				 <em class="fa fa-comments">&nbsp;</em>
				 <h4 class="ca-main">Tellimuste vastuvõtt 24/7</h4>
				 Vormistate tellimuse e-poes "{SETTINGS_STORE_NAME}" Otse kohe!
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>

Там же замените код:

<div class="product-img-box col-md-5 col-sm-12 col-sms-12">

на код:

<div class="product-img-box col-md-6 col-sm-12 col-sms-12">

и код:

<div class="product-shop col-md-7 col-sm-12 col-sms-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

на код:

<div class="product-shop col-md-6 col-sm-12 col-sms-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

Получилось вот так:


Все-таки вы меня не поняли :-) Это должно быть как список из 3 пунктов, где слева - иконка (в 2 раза меньше, чем сейчас получилась), а справа от иконки - текст. Как здесь, только в 1 столбик:

И взять только крупный текст с главной страницы, и уменьшить его размер на 1-2 кегля, чтобы текст уместился в строку, но выделение цветом при наведении курсора оставить. Ширина всего блока - как ширина фотографии товара.

Ingleest (26 Январь 2016 - 03:49) писал:

Доброй ночи!
Подскажите, как можно в карточку товара добавить уменьшенные иконки и текст с главной страницы "Бесплатная доставка", "30дней гарантии", "Прием заказов"? И расположить их под неактивными фотографиями товара. Чтобы текст был справа от иконок...

[Юля123]

Ingleest (27 Январь 2016 - 15:02) писал:

Получилось вот так:


Все-таки вы меня не поняли :-) Это должно быть как список из 3 пунктов, где слева - иконка (в 2 раза меньше, чем сейчас получилась), а справа от иконки - текст. Как здесь, только в 1 столбик:

И взять только крупный текст с главной страницы, и уменьшить его размер на 1-2 кегля, чтобы текст уместился в строку, но выделение цветом при наведении курсора оставить. Ширина всего блока - как ширина фотографии товара.

Здравствуйте, да, извините. Отмените изменения, далее в шаблоне Товар после кода:

	 </div><!-- END другие изображение товара -->

добавьте код:

		 <!-- Баннеры -->
	 <div id="top_b">
			 <div class="ca-content">
				 <em class="fa fa-truck">&nbsp;</em>
				 <h6 class="ca-main">Kohaletoitamine kogu Eestis</h6>
			 </div>
			 <div class="ca-content">
				 <em class="fa fa-mail-reply">&nbsp;</em>
				 <h6 class="ca-main">14-päevane kauba tagastamisõigus</h6>
			 </div>
		
			 <div class="ca-content">
				 <em class="fa fa-comments">&nbsp;</em>
				 <h6 class="ca-main">Tellimuste vastuvõtt 24/7</h6>
		 </div>
	 </div>

в конце main.css добавьте код:

div#top_b .ca-content {
font-size: 29px;
margin-bottom: 14px;
}
h6.ca-main {
display: inline-block;
}

Выглядит так:

[Ingleest]

Юля123 (27 Январь 2016 - 17:52) писал:

Здравствуйте, да, извините. Отмените изменения, далее в шаблоне Товар после кода:

	 </div><!-- END другие изображение товара -->

добавьте код:

		 <!-- Баннеры -->
	 <div id="top_b">
			 <div class="ca-content">
				 <em class="fa fa-truck">&nbsp;</em>
				 <h6 class="ca-main">Kohaletoitamine kogu Eestis</h6>
			 </div>
			 <div class="ca-content">
				 <em class="fa fa-mail-reply">&nbsp;</em>
				 <h6 class="ca-main">14-päevane kauba tagastamisõigus</h6>
			 </div>
		
			 <div class="ca-content">
				 <em class="fa fa-comments">&nbsp;</em>
				 <h6 class="ca-main">Tellimuste vastuvõtt 24/7</h6>
		 </div>
	 </div>

в конце main.css добавьте код:

div#top_b .ca-content {
font-size: 29px;
margin-bottom: 14px;
}
h6.ca-main {
display: inline-block;
}

Выглядит так:

QIP Shot - Screen 144.png

Спасибо. То,что нужно.

[Ingleest]

Добрый день.
Я хотел бы поменять иконку "fa comments" на главной странице на другую. Подскажите, пожалуйста, где ее найти для замены?
Через поиск не находится ничего

[RedHead]

Ingleest (22 Февраль 2016 - 15:36) писал:

Добрый день.
Я хотел бы поменять иконку "fa comments" на главной странице на другую. Подскажите, пожалуйста, где ее найти для замены?
Через поиск не находится ничего

Здравствуйте. Перейдите по ссылке: http://fontawesome.ru/all-icons/
Кликните на понравившуюся иконку. Она откроется в режиме просмотра. Рядом будет ЮНИКОД. В конец шаблона main.css вставьте:

.fa-comments:before {
content: "\f069";
}

где  f069 - ЮНИКОД нужной иконки.

[Ingleest]

Спасибо

[admin]

Здравствуйте
SL-171870
В товар нужно добавить иконки из товара в шаблоне туризм (так же перед ценой)

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->Товар и найдите:

	 <!-- Доступность товара -->
		 <div class="goodsDataMainModificationAvailable">
			 <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><img src="http://design.ultramag-samara.ru/nalichii.png?1910"></div>
			 <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}"><img src="http://design.ultramag-samara.ru/zakaz.png?1896"></div>
		 </div>

после него вставьте:

	 <div class="custom-block f-fix">
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-shipped"></i>
		 <div class="text-area"><h3>Бесплатная<br> Доставка</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-us-dollar"></i>
		 <div class="text-area"><h3>Гарантия<br>Возврата</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-online-support"></i>
		 <div class="text-area"><h3>Онлайн<br>Поддержка</h3></div>
		 </div>
	 </div>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.f-fix {float: left;width: 100%;}
.product-view .product-shop .custom-block {padding: 20px 0;border-bottom: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item {display: inline-block;padding: 0 10px;text-align: left;border-left: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item:first-child {border-left: 0;padding-left: 0;}
.product-view .product-shop .custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #019934;}
.product-view .product-shop .custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;}
.product-view .product-shop .custom-block .text-area h3 {font-size: 14px;font-weight: 400;font-family: inherit;color: #7a7d82;}

Далее вам необходимо скачать последнюю версию font awsome на официальном сайте или из вложения

После скачивания архива font-awsome-4.4.0 необходимо извлечь все содержимое архива
Предварительно удалите старые файлы иконок в Редакторе шаблонов (FontAwesome.otf, fontawesome-webfont.eot, fontawesome-webfont.svg, fontawesome-webfont.ttf, fontawesome-webfont.woff, fontawesome-webfont.woff2)
Затем найти файлы в папке fonts и загрузить их к себе в шаблон через Редактор шаблонов - Добавить файлы (зеленая кнопка).
Далее в Редакторе шаблонов находим файл font-awesome.css и удаляем его.
Загружаем прикрепленный файл font-awesome.css через Редактор шаблонов - Добавить файлы (зеленая кнопка).

Далее зайдите в Редактор шаблонов-->font-awesome.css и найдите:

@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

замените на:

@font-face {
  font-family: 'FontAwesome';
  src: url('/design/fontawesome-webfont.eot?v=4.7.0');
  src: url('/design/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/design/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/design/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/design/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/design/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Прикрепленные файлы

•  font-awesome-4.7.0.zip   654,11К   58 Количество загрузок:

[admin]

metry (24 Август 2017 - 19:25) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->Товар и найдите:

	 <!-- Доступность товара -->
		 <div class="goodsDataMainModificationAvailable">
			 <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><img src="http://design.ultramag-samara.ru/nalichii.png?1910"></div>
			 <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}"><img src="http://design.ultramag-samara.ru/zakaz.png?1896"></div>
		 </div>

после него вставьте:

	 <div class="custom-block f-fix">
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-shipped"></i>
		 <div class="text-area"><h3>Бесплатная<br> Доставка</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-us-dollar"></i>
		 <div class="text-area"><h3>Гарантия<br>Возврата</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-online-support"></i>
		 <div class="text-area"><h3>Онлайн<br>Поддержка</h3></div>
		 </div>
	 </div>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.f-fix {float: left;width: 100%;}
.product-view .product-shop .custom-block {padding: 20px 0;border-bottom: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item {display: inline-block;padding: 0 10px;text-align: left;border-left: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item:first-child {border-left: 0;padding-left: 0;}
.product-view .product-shop .custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #019934;}
.product-view .product-shop .custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;}
.product-view .product-shop .custom-block .text-area h3 {font-size: 14px;font-weight: 400;font-family: inherit;color: #7a7d82;}

Далее вам необходимо скачать последнюю версию font awsome на официальном сайте или из вложения

После скачивания архива font-awsome-4.4.0 необходимо извлечь все содержимое архива
Предварительно удалите старые файлы иконок в Редакторе шаблонов (FontAwesome.otf, fontawesome-webfont.eot, fontawesome-webfont.svg, fontawesome-webfont.ttf, fontawesome-webfont.woff, fontawesome-webfont.woff2)
Затем найти файлы в папке fonts и загрузить их к себе в шаблон через Редактор шаблонов - Добавить файлы (зеленая кнопка).
Далее в Редакторе шаблонов находим файл font-awesome.css и удаляем его.
Загружаем прикрепленный файл font-awesome.css через Редактор шаблонов - Добавить файлы (зеленая кнопка).

Далее зайдите в Редактор шаблонов-->font-awesome.css и найдите:

@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

замените на:

@font-face {
font-family: 'FontAwesome';
src: url('/design/fontawesome-webfont.eot?v=4.7.0');
src: url('/design/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/design/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/design/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/design/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/design/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

Добрый день
Может что-то пропустил, но иконки не появились!

[Firefly]

admin (25 Август 2017 - 14:11) писал:

Добрый день
Может что-то пропустил, но иконки не появились!

Здравствуйте.
У Вас не хватало подключения шрифта 'icon', его Вам подключил. Теперь все должно отображаться.

[admin]

Firefly (25 Август 2017 - 14:54) писал:

Здравствуйте.
У Вас не хватало подключения шрифта 'icon', его Вам подключил. Теперь все должно отображаться.

Спасибо
Только в телефоне нужно доработать, какого-то стиля не хватает в разрешении до 481

[admin]

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

[Vaccina]

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

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

#header-top .header-tools .content a:hover, #header-top .header-tools .content a:hover i {color: #555;}
.mycart1 {float:left;}

после него добавьте:

#header-top .header-tools.mycart1{margin-top:3px;}

Уточните пожалуйста, всплывающему блоку поиска необходимо задать отступы?

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

 <!-- Slides Container -->
		  <div u="slides" class="slides_container">
		   <div>
			  <a href="http://ultramag-samara.ru/catalog/led-lenta" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" /></a>
			</div>
		  </div>

          
замените на:

 <!-- Slides Container -->
		  <div u="slides" class="slides_container">
		   <div>
			  <a href="http://ultramag-samara.ru/catalog/led-lenta" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" /></a>
			  <div class="text-content right">
				<h2>Большой выбор</h2>
				<p>светодиодной ленты</p>
				<a href="/catalog" class="button big">Подробнее</a>
			  </div>
			</div>
		  </div>

          
замените текст текст и ссылку на необходимое.

Далее зайдите в main.css - найдите:

.slides_container a {position: relative;}
.slides_container img {left:0 !important;position: relative !important;}

после него вставьте:

#slideshow .text-content {position: absolute;right:0;top: 35%;width: 40%;background: rgba(0,0,0,0.5);padding: 30px;}
#slideshow .text-content h2 {color:#fff;font-family: 'PT Sans Narrow', sans-serif;letter-spacing: 0;font-size: 72px;font-weight: 700;line-height: 1.1;}
#slideshow .text-content p {font-size: 34px;margin: 7px 0;color: #fff;text-transform: uppercase;}
#slideshow .text-content .button {display: inline-block;margin-top: 20px;}

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

.product-grid .item {margin-bottom: 40px;}

после него пропишите:

.product-grid .item:hover{box-shadow: 0px 0px 5px #ccc;}
.product-grid .item:hover .item-img img{opacity:0.6;}

[admin]

Vaccina (02 Сентябрь 2017 - 08:56) писал:

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

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

#header-top .header-tools .content a:hover, #header-top .header-tools .content a:hover i {color: #555;}
.mycart1 {float:left;}

после него добавьте:

#header-top .header-tools.mycart1{margin-top:3px;}

Уточните пожалуйста, всплывающему блоку поиска необходимо задать отступы?

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

 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <a href="http://ultramag-samara.ru/catalog/led-lenta" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" /></a>
		 </div>
		 </div>

  
замените на:

 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <a href="http://ultramag-samara.ru/catalog/led-lenta" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" /></a>
<div class="text-content right">
			 <h2>Большой выбор</h2>
			 <p>светодиодной ленты</p>
			 <a href="/catalog" class="button big">Подробнее</a>
			 </div>
		 </div>
		 </div>

  
замените текст текст и ссылку на необходимое.

Далее зайдите в main.css - найдите:

.slides_container a {position: relative;}
.slides_container img {left:0 !important;position: relative !important;}

после него вставьте:

#slideshow .text-content {position: absolute;right:0;top: 35%;width: 40%;background: rgba(0,0,0,0.5);padding: 30px;}
#slideshow .text-content h2 {color:#fff;font-family: 'PT Sans Narrow', sans-serif;letter-spacing: 0;font-size: 72px;font-weight: 700;line-height: 1.1;}
#slideshow .text-content p {font-size: 34px;margin: 7px 0;color: #fff;text-transform: uppercase;}
#slideshow .text-content .button {display: inline-block;margin-top: 20px;}

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

.product-grid .item {margin-bottom: 40px;}

после него пропишите:

.product-grid .item:hover{box-shadow: 0px 0px 5px #ccc;}
.product-grid .item:hover .item-img img{opacity:0.6;}

1. Иконку поиска нужно так же опустить на 3 пикселя. При наведении на иконку ПОИСК появляется сама форма поиска и она должна появляться так же как при наведении на иконку ВХОД в ЛК (плавно из центра, а сейчас они по своему для каждой иконки)

2.В слайдере требуется кнопка крупнее (слишком мелкая сейчас). Курсор сделать везде обычный и только на кнопке должен быть переход по ссылке слайдера.

3 При наведении на товар на картинке появляется светлый фон, а нужно его сделать как в каталоге более плавно ив один стиль (появляется с двух сторон)

Firefly (25 Август 2017 - 14:54) писал:

Здравствуйте.
У Вас не хватало подключения шрифта 'icon', его Вам подключил. Теперь все должно отображаться.

Спасибо
Только в телефоне нужно доработать, какого-то стиля не хватает в разрешении до 481