В данном разделе приведены рекомендуемые требования к графическим элементам сайта. Рекомендуемый формат графических элементов, загружаемых на сайт: PNG.
| Страница сайта | Графический элемент | Пропорции | Рекомендуемые размеры | Дополнительные комментарии |
|---|---|---|---|---|
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Логотип компании в шапке сайта | 2,68 х 1 | 300 х 112 px | Изображение можно загружать в форматах: SVG, PNG, JPEG. Размер логотипа должен быть не более 300 px по ширине. Желательно загружать изображение на прозрачном фоне и прямоугольной формы. |
| Баннеры в слайдере, десктоп | ||||
| Тип меню каталога: в шапке | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 3,36 х 1 | 2794 х 831 px | Если малые баннеры отключены |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 2,02 х 1 | 1677 х 831 px | Если малые баннеры присутствуют |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1.3 x 1 | 1078 x 831 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 2,78 x 1 | 1078 x 388 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50%  | 1,34 x 1 | 519 x 388 px | - |
| Тип меню каталога: "Маленькие иконки" | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 3,2 х 1 | 2667 х 831 px | Если малые баннеры отключены |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 1,93 х 1 | 1600 х 831 px | Если малые баннеры присутствуют |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1.24 x 1 | 1029 x 831 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 2,65 x 1 | 1028 x 388 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50% | 1,28 x 1 | 495 x 388 px | - |
| Тип меню каталога: "Только иконка" | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 3,1 х 1 | 2580 х 831 px | Если малые баннеры отключены |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 1,86 х 1 | 1548 х 831 px | Если малые баннеры присутствуют |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1.2 x 1 | 995 x 831 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 2,56 x 1 | 993 x 388 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50% | 1,24 x 1 | 480 x 388 px | - |
| Тип меню каталога: "Иконка + заголовок" / "Только заголовок" | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 2,84 х 1 | 2358 х 831 px | Если малые баннеры отключены |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 1,7 х 1 | 1414 х 831 px | Если малые баннеры присутствуют |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1.09 x 1 | 909 x 831 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 2,34 x 1 | 908 x 388 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50% | 1,13 x 1 | 438 x 388 px | - | Баннеры в слайдере, мобильная версия |
| Большой баннер | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Большой баннер | 1,41 х 1 | 1024 х 724 px | - |
| Малые баннеры 100% шириной, 100% высотой | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 100% | 1,87 x 1 | 1078 x 575 px | - |
| Малые баннеры 100% шириной, 50% высотой | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 100%, высотой 50% | 3,02 x 1 | 1078 x 357 px | - |
| Малые баннеры 50% шириной | ||||
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Малый баннер шириной 50% | 1,46 x 1 | 530 x 363 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в блоке "Каталог" | 1,74 х 1 | 448 х 258 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в блоке "Популярные категории" | 1 x 1 | 160 x 160 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в разделе "Тизер" | 2,76 x 1 | 1102 x 400 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в разделе "Акции" | 1,60 x 1 | 446 x 280 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в разделе "О компании" | 1 x 1 | 502 x 502 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Прямоугольный тизер в блоке "Новости" | 1,33 х 1 | 330 х 248 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в разделе "Бренды" | 3 x 1 | 222 x 74 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Образец картинки в разделе "Всплывающее меню" | 0,7 х 1 | 85 х 120 px | - |
| Главная страница сайта Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/ | Рекламный баннер в разделе "Всплывающее меню" | 1,8 x 1 | 2000 x 1082 px | - |
| Раздел "Акции" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/actions/ | Образец картинки подраздела | 1,39 x 1 | 942 x 680 px | - |
| Раздел "Акции" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/actions/ | Образец картинки подраздела | 1,5 x 1 | 447 x 298 px | - |
| Раздел "Акции" > "Акции" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/actions/rasprodazha-luchshikh-marok-odezhdy/ | Образец картинки подраздела "Акции" | 1,38 x 1 | 942 x 680 px | - |
| Раздел "Услуги" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/services/ | Образец картинки подраздела | 1,5 x 1 | 447 x 298 px | - |
| Раздел "Услуги" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/services/ | Образец картинки "Реклама" | 1,1 x 1 | 816 x 700 px | - |
| Раздел "Услуги" > "Услуги" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/services/dostavka-i-sborka-mebeli/ | Образец картинки подраздела "Услуги" | 1,5 x 1 | 1024 x 680 px | - |
| Раздел "Компания" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/ | Образец картинки раздела "Компания" | 2,4 x 1 | 2380 x 1006 px | - |
| Раздел "Компания" > "Сотрудники" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/employees/ | Образец фотографии сотрудника | 1 x 1 | 298 x 298 px | - |
| Раздел "Компания" > "Лицензии и сертификаты" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/licenses/#licenses | Образец сертификата или лицензии | 0,7 x 1 | 1016 x 1430 px | - |
| Раздел "Компания" > "Новости" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/news/ | Образец картинки подраздела | 1,3 x 1 | 400 x 300 px | - |
| Раздел "Компания" > "Новости" > "Новости" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/company/news/obzor-pleera-fiio-x3-shedevr-byudzhetnogo-segmenta/ | Образец картинки подраздела "Новости" | 2 x 1 | 1860 x 896 px | - |
| Раздел "Бренды" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/brands/ | Образец картинки подраздела | 2 x 1 | 280 x 108 px | - |
| Раздел "Статьи" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/articles/ | Образец картинки подраздела | 1,5 x 1 | 448 x 298 px | - |
| Раздел "Статьи" > "Статьи" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/articles/5-luchshikh-fitnes-brasletov/ | Образец картинки подраздела "Статьи" | 2 x 1 | 1870 x 900 px | - |
| Раздел "Контакты" Ссылка на страницу в демо-версии решения: http://magnet.nextype-demo.ru/contacts/ | Образец картинки подраздела | 1,5 x 1 | 280 x 186 px | - |
При работе можно столкнуться со следующей проблемой, что у загружаемого изображения один цвет, а при загрузке на сайт цвет изображения отличается. Это может быть вызвано тем, что у загружаемых изображений неподходящий цветовой профиль, например CMYK. При загрузке таких изображений на сайт Битрикс автоматически конвертирует цветовой профиль изображения в RGB, что может привести к непредсказуемым изменениям. Будьте внимательны при загрузке изображений на сайт. Чтобы проверить ваши изображения вам понадобятся специальные программы, такие как Adobe Photoshop, так же вы можете обратиться к специалистам.
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.
Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала.