Настройка шаблона Аспро: карточка товара, меню, баннеры и мобильная версия

Настройка шаблона Аспро — это баннеры, меню, блоки главной и вид карточки товара: то, что покупатель видит до кнопки «В корзину». Большую часть этого магазин меняет сам, в админке и на страницах сайта. Разработчик нужен, когда меняется код: свой блок в карточке, корзина, правки, которые надо повторить в версиях сайта для компьютера и для телефона.

Ошибки настройки часто не видны на большом мониторе в офисе. Баннер обрезается на ноутбуке покупателя, а цена в карточке уходит с первого экрана телефона.

Что меняется в шаблоне Аспро без программиста

Сотрудник магазина с доступом в админку сам меняет:

• большие баннеры на главной и рекламные полосы у шапки;
• пункты верхнего меню, выпадающее меню и популярные категории в шапке;
• блоки главной: какие показывать и в каком порядке;
• вид карточки товара, порядок её блоков и вкладок, видео о товаре;
• вид главного баннера и меню на телефоне.

Где находятся настройки Аспро и кто что меняет

Шаблон настраивают в трёх местах:

• виджет на сайте — панель сбоку страницы. Главная её вкладка у Премьера — «Точная настройка»: 14 групп, от общих настроек и главной до мобильной версии и личного кабинета;
• раздел админки «Аспро» → название решения → «Настройки», где лежат те же настройки, что в виджете;
• режим правки на самих страницах: так меняют баннеры, пункты меню и порядок блоков в карточке.

У Лайтшопа есть ещё мастер настройки из пяти шагов, от контактов до счётчиков Метрики. Покупателям виджет не нужен, и Аспро советует его скрыть: в «Настройки → Общие» снимите галку «Переключатель тем».

Работу обычно делят так:

• сотрудник магазина — баннеры, пункты меню и разделы на главной;
• администратор сайта — вид карточки, порядок её блоков и мобильное меню: эти настройки действуют сразу на весь сайт;
• разработчик — код: свой блок в карточке, корзина, оформление заказа, правки в двух версиях сайта.

Составлено по документации Аспро для Премьера, Лайтшопа и Максимума, ноябрь 2026. Левые колонки — работа сотрудника магазина и администратора, правая — разработчика.

Как настроить баннеры, меню, карточку товара и мобильную версию

1. Большие баннеры на главной. Их добавляют в режиме правки на самой главной или в админке: «Контент → Реклама → Большие баннеры». У баннера есть заголовок, ссылка, две кнопки, фон и активная картинка поверх фона, а без фона он встанет на серую подложку. На Максимуме баннеру задают даты показа, и баннер акции перестанет показываться после её окончания.

2. Размеры картинок для баннеров. Фон большого баннера на Премьере — 1920 px в ширину и от 456 до 760 px в высоту, если баннер не заходит на шапку. Текст, цену и товар держите в центральной полосе шириной 1020 px. Это безопасная зона: её видно на экране любой ширины. На Максимуме эта полоса — 1000 px, на Лайтшопе — 980 px. Картинки сжимайте перед загрузкой: чем легче баннер, тем быстрее он появится у покупателя с мобильным интернетом. Как облегчали баннеры на главной, показано в кейсе Инструментов Даром.

3. Главный баннер на телефоне. На экранах меньше 768 px баннер показывается одним из трёх способов: фон без активной картинки, картинка с текстом под ней или отдельная картинка. Способ выбирают один на все баннеры: «Точная настройка → Мобильная версия → Тип главного баннера в мобильной версии». Отдельную картинку размером 736×506 px загружают в поле «Картинка для <768px». Текста и кнопок в этом виде нет, поэтому надпись и цену рисуют на самой картинке.

4. Верхнее меню и популярные категории. Пункты меню правят на странице: режим правки → «Редактировать пункты меню». Выпадающее меню в шапке можно собрать не только из разделов каталога, но и вручную: его пункты, как и популярные категории в шапке, лежат в «Контент → Каталог → Мегаменю». На Максимуме меню бывает до четырёх уровней, и глубину Аспро советует менять только в настройках решения или в виджете. Мобильное меню на Премьере собирают отдельно в «Точная настройка → Мобильная версия».

5. Блоки главной. Блоки включают, выключают и переставляют в виджете на вкладке «Главная» или в «Настройки → Главная». Раздел каталога попадёт на главную, только если в его настройках на вкладке «Доп. поля» отмечено «Отображать на главной». На Премьере для телефона задают свой порядок блоков.

6. Карточка товара. Вид карточки задают в «Точная настройка → Каталог → Детальная страница»: галерея, размер фото, вкладки в описании, ссылка на расчёт доставки. Порядок блоков и вкладок меняют на самой карточке: режим правки → шестерёнка → «Настройки детального просмотра». Эти настройки меняют сразу все карточки, поэтому договоритесь, кто в магазине за них отвечает. Видео добавляют в товар на вкладке «Видео», когда администратор включит это поле в настройках каталога.

7. Права сотрудников. Маркетологу и контент-менеджеру права администратора не нужны: в 1С-Битриксе доступ делят группами пользователей. Маркетологу одного магазина завели отдельную группу: он меняет акции, баннеры и скидки в корзине, а к остальному доступа у него нет.

Частые проблемы и решения

Проблема: на ноутбуке у баннера обрезаны края. Решение: надписи нарисованы на картинке у краёв. Если экран меньше 1920 px в ширину, сайт обрезает картинку по бокам: на экране шириной 1440 px — по 240 px с каждой стороны. Держите текст и цену ближе к центру. Для больших баннеров Аспро называет видимую на любом экране часть: центральные 980–1020 px, в зависимости от шаблона. Рисуйте полосы у шапки по тому же правилу.

Схема: картинка 1920 × 100 px в полосе под шапкой стоит по центру, и на экране 1440 px её края уходят за границы экрана. Надписи и цены на схеме условные.

Проблема: блок на главной включён, но пустой. Решение: в блок попадают только отмеченные для него разделы. Отметьте нужные разделы, попросите администратора сбросить сохранённые копии страниц, чтобы сайт показал новый вид, и проверьте главную с телефона и с компьютера. На одном сайте блок «Популярные категории» пустовал, пока для него не отметили восемь основных разделов.

Проблема: на телефоне в карточке не видно цены. Решение: у Максимума и Некста нет отдельного шаблона для телефона, и телефон получает ужатую карточку для компьютера. Если название длинное, оно вместе с цепочкой разделов занимает весь первый экран, и цена с кнопкой «В корзину» уходят ниже. Попросите разработчика поднять цену и кнопку над названием и цепочкой разделов.

Проблема: кнопка «В корзину» закрывает цену на телефоне. Решение: в версии для телефона кнопка закреплена внизу экрана. Если цена оказалась в нижней части первого экрана, кнопка её накрывает. Попросите разработчика сдвинуть цену или кнопку в шаблоне для телефона.

Как проверить настройку шаблона самостоятельно

На проверку уйдёт около десяти минут, программист для этого не нужен:

1. Сузьте окно браузера на большом мониторе примерно на четверть, до ширины ноутбука, и пролистайте баннеры: надписи и цены читаются целиком.
2. Откройте главную с телефона, дождитесь, пока загрузятся картинки, и пролистайте все слайды: на каждом видны картинка и текст, ничего не наезжает.
3. Пройдите по пунктам меню и популярным категориям в шапке: все открываются, пустых разделов и блоков на главной нет.
4. Откройте с телефона три ходовых товара: на первом экране видны цена и кнопка «В корзину», и кнопка не закрывает цену.
5. Откройте сайт в браузере, где вы не входили в админку: панели настроек сбоку страницы быть не должно.
6. В админке откройте «Настройки → Пользователи → Список пользователей»: у маркетолога и контент-менеджера не должно быть группы «Администраторы».

Когда настроек шаблона не хватает

Новый элемент карточки — уже работа разработчика. Даже свой блок в карточке Аспро предлагает делать через новое свойство товара и файл с кодом на PHP. Так в карточку добавляют то, чего в шаблоне нет: у Инструментов Даром разработчики вывели срок поставки в карточке и корзине с учётом выходных и праздников, а у Боруса сделали конструктор комплектации, где цена пересчитывается при каждой выбранной опции. Такие доработки Аспро советует хранить в отдельных файлах, чтобы обновление шаблона их не переписало. Как обновлять шаблон без потери доработок, описано в статье об обновлении 1С-Битрикс.

Частые вопросы

Где найти инструкцию по своему шаблону? У Аспро отдельная база знаний по каждому решению: Премьер, Лайтшоп, Максимум. При активных лицензиях Аспро и 1С-Битрикс вопрос по настройке задайте бесплатной поддержке Аспро. Она работает по будням с 7:30 до 16:00 по Москве, на сложные вопросы отвечает за 2–3 дня.

Чем настройка Максимума отличается от Премьера и Лайтшопа? Главное отличие в версии для телефона. У Максимума нет отдельного шаблона для телефона, поэтому карточку и главную на нём проверяйте с телефона после каждой правки. У Премьера и Лайтшопа такой шаблон есть, но спросите разработчика, включён ли он: его иногда отключают, и телефон получает версию для компьютера. Чем ещё различаются шаблоны, мы разобрали в статье о выборе шаблона Аспро.

Можете настроить шаблон Аспро за нас? Да, на тарифах поддержки «Развивается» за 135 000 ₽ и «Продаёт» за 180 000 ₽ в месяц. В начале месяца договариваемся, что меняем в баннерах, меню и карточке, а в конце показываем, что сделали. Отдельной услуги «настройка шаблона» у нас нет.

Если проверка нашла обрезанный баннер, пустой блок или карточку без цены на телефоне, а вести шаблон своими силами некогда, посмотрите, как устроена поддержка сайтов на Аспро.