Аспро: Корпоративный сайт 3.0 — документация, часть 4 из 7: Каталог

Евгений Урядов · обновлено 19 сентября 2026 г.

Источник: официальный курс «Аспро: Корпоративный сайт 3.0» из базы знаний Аспро. Решение: Аспро: Корпоративный сайт 3.0. Справочная выгрузка сертифицированного партнёра Аспро, обновлено 19.09.2026.

Части курса: 1 · 2 · 3 · 4 · 5 · 6 · 7

Содержание

Каталог

Описание курса

назадБлок «Видеоотзывы» на главной странице Разделы и подразделывперед

Разделы и подразделы

Описание курса

назадКаталог Настройки оформлениявперед

Настройки оформления

Описание курса

назадРазделы и подразделы Редактирование описания корня каталогавперед

Редактирование описания корня каталога

Добавьте описание каталога для того, чтобы покупатель имел представление об общем ассортименте товаров. От того, насколько будет привлекательным описание, зависит количество просмотренных разделов покупателем.

Настроить описание можно через публичную часть сайта в режиме правки. Перейдите в каталог, наведите на область и нажмите кнопку «Изменить область» (1). Начиная с версии 1.0.4, вы можете добавлять описание под разделами каталога для SEO-продвижения (2).

Отредактируйте описание и сохраните изменения. Файл с редактированием описания над разделами каталога называется index_inc.php, а под разделами — index_bottom.php.

Редактировать описание каталога также можно через административную часть. Для этого проделайте путь: Контент → Структура сайта → Файлы и папки → product.

Чтобы редактировать описание над разделами каталога, найдите файл index_inc.php и перейдите в редактирование как PHP.

Отредактируйте описание каталога и сохраните изменения.

Чтобы редактировать описание под разделами каталога, найдите файл index_bottom.php и перейдите в редактирование как PHP.

Отредактируйте описание под разделами каталога и сохраните изменения.

Описание курса

назадНастройки оформления Настройки оформления разделов каталогавперед

Настройки оформления разделов каталога

Вид списка разделов каталога

Знакомство покупателя с предлагаемым ассортиментом товаров начинается с изучения разделов каталога. В решении доступно 3 вида списка разделов каталога — выберите наиболее выгодный вариант отображения разделов каталога для вашего бизнеса:

1. Большие картинки.

2. Маленькие картинки.

3. Списком.

Вид списка разделов каталога можно изменить двумя способами:

  • через виджет настроек в публичной части;
  • через настройки модуля решения в административной части.
Настройка через виджет настроек в публичной части

Для настройки списка разделов каталога через виджет перейдите в публичную часть. Откройте раздел виджета «Каталог» и вкладку «Разделы».

Выберите тип отображения списка разделов каталога и сохраните изменения.

Есть возможность отображения бокового меню на странице корня каталога (1) и редактирования шаблона списка разделов (2).

Вид каталога с боковой колонкой.

Вид каталога без боковой колонки.

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

В шаблоне списка для разделов каталога «Большие картинки» доступны настройки:

  • отображать картинки с отступами или без них;
  • количество отображаемых элементов в строке (количество зависит от наличия боковой колонки);
  • положение текста внутри или снизу.

Пример картинки с отступами.

Картинка без отступов.

Пример расположения 3 элементов в строке. Так как включена боковая колонка, она занимает 1 позицию. Поэтому отображается 2 элемента в строке.

Пример расположения 4 элементов в строке, где 1 из элементов занимает боковое меню.

Пример текста внутри картинки.

Пример текста снизу картинки.

Для шаблона списка «Маленькие картинки» доступны настройки:

  • отображать картинки с отступами или без них;
  • количество отображаемых элементов в строке;
  • тип изображения: иконки, картинки или прозрачные картинки;
  • позиция картинки — справа или слева.

Пример типа отображения — иконки.

Пример типа отображения — картинки.

Пример типа отображения — прозрачные картинки.

Пример позиции картинки справа.

Пример позиции картинки слева.

Для шаблона списка «Списком» доступны настройки:

  • отображать картинки с отступами или без них;
  • позиция картинки — справа или слева;
  • тип изображения: иконки, картинки, большие или прозрачные картинки.

Пример типа отображения больших картинок.

Пример типа отображения маленьких картинок.

Через настройки модуля решения в административной части

Переключитесь на административную часть сайта и перейдите в раздел

Аспро → Аспро: Allcorp3 → Настройки. Найдите раздел «Каталог».

В разделе настроек «Каталог» найдите «Шаблон списка разделов» и выберите нужный тип.

Сохраните изменения

Описание курса

назадРедактирование описания корня каталога Настройки оформления подразделов каталогавперед

Настройки оформления подразделов каталога

В этом уроке рассмотрим настройки, которые отвечают за оформление подразделов каталога.

Покупатель может посмотреть подразделы каталога с предлагаемыми товарами через подразделы каталога.

В решении доступно 4 вида списка подразделов каталога — выберите наиболее выгодный вариант отображения подразделов каталога для вашего бизнеса:

1. Компактно.

2. Большие картинки.

3. Маленькие картинки.

4. Списком.

Вид списка разделов каталога можно изменить двумя способами:

  • через виджет настроек в публичной части;

  • через настройки модуля решения в административной части.

Настройка через виджет настроек в публичной части

Для настройки списка подразделов каталога через виджет перейдите в публичную часть. Откройте раздел виджета «Каталог» и вкладку «Разделы». Затем пролистайте до «Шаблон списка подразделов». Есть возможность отображения бокового меню списка товаров (1) и редактирования шаблона списка подразделов (2).

Вид списка товаров с боковой колонкой.

Вид списка товаров без боковой колонки.

Выберите тип отображения списка подразделов каталога и сохраните изменения.

После выбора типа списка подразделов каталога можно произвести дополнительные настройки. Для каждого типа отображения вы можете задать отступы.

В шаблоне списка для подразделов каталога «Компактно» доступны настройки:

  1. Отображать картинки с отступами или без них.

  2. Выбрать тип отображения картинки: «Иконки», «Картинки», «Прозрачные картинки».

Пример картинки с отступами.

Картинка без отступов.

Пример отображения изображения «Иконки».

Пример отображения изображения «Картинки».

Пример отображения изображения «Прозрачные картинки».

В шаблоне списка для подразделов каталога «Большие картинки» доступны настройки:

  1. Отображать картинки с отступами или без них.

  2. Количество отображаемых элементов в строке.

  3. Положение текста внутри или снизу.

Пример картинки с отступами.

Картинка без отступов.

Пример расположения 3 элементов в строке.

Пример расположения 4 элементов в строке, где 1 из элементов занимает боковое меню.

В шаблоне списка для разделов каталога «Маленькие картинки» доступны настройки:

  1. Картинка с отступами или без них;

  2. Количество отображаемых элементов в строке (количество зависит от наличия боковой колонки);

  3. Тип отображения картинки: «Иконки», «Картинки», «Прозрачные картинки».

  4. Позиция картинки — справа или слева;

Пример позиции картинки справа.

Пример позиции картинки слева.

В шаблоне списка для разделов каталога «Списком» доступны настройки:

  1. Картинка с отступами или без них;

  2. Тип отображения картинки: «Иконки», «Картинки», «Прозрачные картинки».

  3. Позиция картинки — справа или слева;

Через настройки модуля решения в административной части

Переключитесь на административную часть сайта и перейдите в раздел

Аспро → Аспро: Allcorp3 → Настройки. Найдите раздел «Каталог».

В разделе настроек «Каталог» найдите «Шаблон списка подразделов» и выберите нужный тип.

Сохраните изменения

Описание курса

назадНастройки оформления разделов каталога Настройки оформления списка товароввперед

Настройки оформления списка товаров

В этом уроке рассмотрим настройки, отвечающие за внешний вид списка товаров.

Выбор вида отображения списка товаров по умолчанию

В зависимости от специфики сайта важен вид отображения товаров. Выбирайте наиболее удобный вариант для покупателей.

Плиткой

Списком

Таблицей

Впоследствии пользователь сможет самостоятельно изменить вид отображения на более удобный ему с помощью переключателя в начале списка.

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

Чтобы настроить оформление списка товаров для всего сайта, зайдите в параметры комплексного компонента «Каталог». Для этого в публичной части сайта в режиме правки наведите на область страницы и нажмите на шестеренку.

В настройках компонента каталога найдите параметр «Показывать товары в разделе по умолчанию» и выберите необходимый вид отображения:

Настройка количества элементов на странице

Перейдите в настройки параметров комплексного компонента «Каталог». Найдите параметр «Количество элементов на странице» и выставите нужное значение.

Если товаров в разделе больше, чем указанное число, то товары будут перенесены на последующие страницы.

Описание курса

назадНастройки оформления подразделов каталога Настройки оформления списка товаров для каждого раздела отдельновперед

Настройки оформления списка товаров для каждого раздела отдельно

Категории товаров на одном сайте могут иметь разную специфику. Поэтому в разделе «Дизайнерская мебель» важно показать изображение плиткой, а для раздела «Системы вентиляции» — товары вывести списком. Вы можете настраивать разные типы отображения товаров для каждого раздела.

Товары в разделе «Дизайнерская мебель» выведены плиткой

Товары в разделе «Системы вентиляции» выведены списком

Чтобы задать тип отображения товаров отдельно для раздела, в административной части сайта перейдите в настройки категории: Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3).

В строке с нужным вам разделом нажмите на «Гамбургер» и на «Изменить».

На вкладке «Доп. поля» в блоке «Вид отображения» выберите вид отображения списка товаров.

Описание курса

назадНастройки оформления списка товаров Настройка вида отображения товароввперед

Настройка вида отображения товаров

Начиная с версии 1.1.4, в решении появилась возможность менять вид отображения товаров в списке и карточке. Настраивайте оформление продукции в соответствии с потребностями вашего бизнеса.

Вы можете настроить 3 вида отображения товаров — обычный, вертикальный и горизонтальный. В списке товаров оформление меняется при отображении плиткой. Функционал также распространяется на карточку продукции, связанные товары и товары на главной.

Рассмотрим каждый из видов отображения в общем списке продукции и на детальной странице товара.

  • обычный — в списке товаров;

  • вертикальный — в списке;

  • горизонтальный — в списке;

  • обычный — в карточке товара (при этом на всех скриншотах 1-ый тип карточки);

  • вертикальный — в карточке;

  • горизонтальный — в карточке.

Выбрать подходящий вид отображения можно двумя способами:

  • через виджет в публичной части;
  • в административном разделе.

Рассмотрим каждый вариант подробнее.

Виджет в публичной части

Перейдите в «Точную настройку», далее в раздел «Каталог», найдите пункт «Вид отображения товаров» и выберите подходящий вариант.

Административная панель

Для выбора подходящего вида отображения товаров необходимо перейти в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликнуть вкладку «Каталог».

На вкладке «Каталог» найдите пункт «Вид отображения товаров» и выберите подходящий вариант. Для сохранения изменений нажмите «Применить».

Содержание главы:

Описание курса

назадНастройки оформления списка товаров для каждого раздела отдельно Настройка вида отображения товаров отдельно для разделавперед

Настройка вида отображения товаров отдельно для раздела

Категории продукции на одном сайте могут иметь разную специфику. Поэтому вид отображения товаров в решении можно настроить отдельно для раздела каталога.

Чтобы настроить отображение отдельно для раздела, в административной части сайта перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3). Напротив необходимого раздела товаров нажмите на «Гамбургер» и выберите «Изменить».

В окне редактирования раздела перейдите на вкладку «Доп. поля», найдите поле «Вид отображения товаров» и выберите интересующее оформление. Сохраните изменения.

Теперь в отдельном разделе все товары имеют специальное отображение.

Описание курса

назадНастройка вида отображения товаров Дополнительные настройки разделоввперед

Дополнительные настройки разделов

Вы можете выбрать, отображать галерею картинок у товаров в списке или нет, а также выбрать количество картинок для отображения. Для этого в виджете настроек нажмите на раздел «Каталог» и пункт «Общие». Включите или выключите поле «Отображать галерею картинок у товаров в списке» (1) и выберите количество картинок (2).

Настройки вида списка товаров «Плиткой»

В виде отображения списка товаров «Плиткой» доступно отображение свойств товара при наведении курсора. Также вы можете настроить, будут ли отображаться элементы с отступами, текст по центру и будет ли выводиться картинка в края.

Товар при наведении курсора, если выбрать настройку «Не отображать»

Товар при наведении курсора, если выбрать настройку «Отображать»

Для настройки отображения нажмите в виджете настроек на раздел «Каталог» и пункт «Разделы».

Пролистайте вниз и в блоке «Вид отображения элементов каталога плиткой» (1) выберите, будут ли отображаться элементы с отступами, текст по центру и будет ли выводиться картинка в края. В блоке «Отображать свойства товаров в блочном варианте» (2) включите или отключите отображение свойств при наведении.

Отображать свойства товаров при виде отображения списка товаров «Таблицей»

Товар, если выбрать настройку «Не отображать»

Товар, если выбрать настройку «По колонкам»

Товар, если выбрать настройку «В строку»

Чтобы настроить отображения, оставайтесь в том же месте в виджете настроек. В блоке «Отображать свойства товаров в табличном варианте» выберите подходящее отображение свойств товаров при наведении курсора.

Для настройки в административной части перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).

В разделе «Каталог» выберите отображение свойств товаров в блочном (1) и табличном (2) вариантах.

Описание курса

назадНастройка вида отображения товаров отдельно для раздела Закрашивание SVG-иконок разделов в цвет темывперед

Закрашивание SVG-иконок разделов в цвет темы

С версии 1.2.4 в решение добавлена отдельная настройка для закрашивания SVG-иконок разделов в цвет темы. Это сделано для сокращения структуры DOM (объектная модель документа), чтобы оптимизировать скорость загрузки сайта. Настройка особенно актуальна для отображения масочных иконок. Также опция подойдет тем, кто заранее готовит SVG-иконки в цвет темы сайта.

Опция активна — цвет SVG-иконок адаптируется под цвет темы сайта.

Закрашивать иконки в цвет темы

Опция неактивна — цвет SVG-иконок оригинальный.

Не закрашивать иконки в цвет темы

Теперь в SVG-иконках закрашиваются только элементы path. Тогда как раньше закрашивались все элементы: circle, rect, triangle и т. п.

Чтобы настроить закрашивание, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) → Общие (4).

Путь к настройкам закрашивания SVG

Поставьте галку в поле «Закрашивать SVG-иконки разделов в цвет темы» и нажмите «Применить».

Настройка закрашивания SVG иконок

Описание курса

назадДополнительные настройки разделов Создание и настройка раздела каталогавперед

Создание и настройка раздела каталога

Создать раздел можно из публичной и административной части сайта. В публичной части в режиме правки наведите на рабочую область и нажмите «Добавить раздел».

В административной части сайта перейдите в Контент → Каталог → Продукты. В правом верхнем углу нажмите на стрелку и в выпадающем меню выберите «Добавить раздел».

В открывшейся форме редактирования на вкладке «Раздел» заполните следующие поля:

  1. Установите активность раздела. Если работа производится на боевом сайте, раздел можно временно деактивировать. Это позволит создавать контент без публикации на сайте.
  2. Укажите родительский раздел или оставьте значение «Верхний уровень», если необходимо создание корневого раздела каталога.
  3. Укажите название раздела.
  4. Загрузите изображение раздела. Есть 3 типа картинок: иконки, обычные и прозрачные картинки.
  5. Заполните описание. По умолчанию оно выводится на странице самого раздела.

О настройках вкладки «SEO» подробней читайте в курсе 1С-Битрикс.

На вкладке «Дополнительно» указывается сортировка раздела (1), внешний код заполняется автоматически (2). По умолчанию символьный код генерируется из названия раздела, но его можно отредактировать вручную (3).

На вкладке «Доп. поля» можно произвести еще несколько настроек.

  1. Определить, показывать на главной раздел или нет.
  2. Краткое описание раздела. По умолчанию оно выводится в общем списке разделов.
  3. Иконка SVG для шаблона списка «Списком» и «Маленькие картинки», выпадающего меню в шапке.
  4. Прозрачная картинка для шаблона списка «Списком» и «Маленькие картинки», выпадающего меню в шапке.
  5. Вид отображения: списком, плиткой или прайсом. Шаблон списка товаров по умолчанию.
  6. Детальная страница каталога для всех товаров раздела.
  7. Размер галереи для всех товаров раздела: 454 рх, 388 рх или 322 рх.
  8. Примечание-подсказка для отображения у всех товаров раздела.
  9. Видео в попапе для отображения у всех товаров раздела.
  10. Тизеры для всех товаров раздела.

Сохраните изменения.

Описание курса

назадЗакрашивание SVG-иконок разделов в цвет темы Настройка отображения описания в разделах каталогавперед

Настройка отображения описания в разделах каталога

Для раздела каталога описание может быть над списком товаров (вверху страницы) и после списка товаров (внизу страницы). Вы можете сами выбирать, какое описание отображать.

Для того, чтобы настроить описание в каталоге, вам нужно пройти путь:

Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).

Выберите раздел «Каталог» и пролистайте до «Описание в разделах каталога». Здесь вы можете:

  1. Регулировать расположение описания раздела в списке товаров. Вы можете выбрать расположение: «до и после списка товаров», «после списка товаров», «перед списком товаров».

  2. Определять свойство с верхним описанием. Можно выбрать свойство из двух разделов: DESCRIPTION или для SEO (UP_TOP_SEO). Если вы выбрали 1 вариант, то описание будет выводиться из блока краткого описания раздела.

Если вы выбрали 2 вариант, то описание будет выводиться из описания раздела.

Определять свойство с нижним описанием. Можно выбрать свойство из двух разделов: DESCRIPTION или для SEO (UP_TOP_SEO).

О том, как отредактировать текст в описании, читайте в статье из документации.

Описание курса

назадСоздание и настройка раздела каталога Свойство «Валюта» для микроразметкивперед

Свойство «Валюта» для микроразметки

В Аспро: Корпоративный сайт 3.0 к товарам каталога добавлено свойство «Валюта» для микроразметки. Валюту можно подставлять в цену товара с помощью маркера #CURRENCY#.

Аспро: Корпоративный сайт 3.0 — это корпоративный сайт, поэтому в настройках нельзя задать валюту для всего сайта. Чтобы ее передавать в микроразметку для товаров, добавлено специальное свойство.

Для настройки валюты в административной панели перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3) и перейдите в окно редактирования необходимого товара.

На вкладке «Товар» у элемента отображается свойство «Валюта». Выберите необходимую валюту в выпадающем списке.

Чтобы выбранная валюта подставлялась автоматически в текст, нужно добавить маркер #CURRENCY#. Например, в поле «Цена» пропишем вместо значения «₽» маркер «#CURRENCY#». При этом валюта уже задана в соответствующем поле. Сохраните изменения.

Результат в публичной части сайта. Для цены отображается валюта «₽», которая подставляется с помощью маркера и заданной валюты.

Содержание главы:

Описание курса

назадНастройка отображения описания в разделах каталога Добавление новой валютывперед

Добавление новой валюты

Если нужной валюты нет по умолчанию, ее можно добавить самостоятельно. Для этого в административной части сайта проделайте путь Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (aspro.allcorp3) (4).

Выберите инфоблок «Продукты» и нажмите «Изменить».

Перейдите на вкладку «Свойства», найдите параметр «Валюта» и нажмите на кнопку с тремя точками.

Найдите пункт «Значения списка». В свободное поле (1) нужно добавить код валюты. Со списком кодов можно ознакомиться на странице википедии. Во втором поле**(2)** укажите название валюты, которое отобразится в публичной части.

Сохраните изменения.

Описание курса

назадСвойство «Валюта» для микроразметки Настройка подстановки картинки раздела при отсутствии изображения товаравперед

Настройка подстановки картинки раздела при отсутствии изображения товара

Если у всех товаров раздела допустимы одинаковые картинки, например, как у заводских деталей, то с версии 1.2.0 можно не загружать изображения для каждой продукции отдельно. Вместо этого достаточно добавить одну картинку в раздел и включить опцию подстановки. Это упростит работу контент-менеджеров по наполнению сайта, а еще поможет улучшить оформление. Ведь товаров без изображений больше не будет.

Подключить подстановку картинки раздела при отсутствии изображения товара можно двумя способами:

  • через виджет в публичной части;
  • через административный раздел.

Рассмотрим каждый вариант по порядку.

Настройка подстановки в публичной части сайта

Перейдите в виджет «Точная настройка». Затем на вкладку «Каталог». В пункте «Общие» активируйте настройку «Отображать изображение раздела, если отсутствует изображение товара» и сохраните изменения.

Настройка подстановки в административной части сайта

Перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) → Каталог (4).

Поставьте галку в поле «Отображать изображение раздела, если отсутствует изображение товара» и нажмите «Применить».

Описание курса

назадДобавление новой валюты Карточка товаравперед

Карточка товара

В этой главе поговорим о настройках детальной карточки товара.

Подробное знакомство покупателя с товаром происходит непосредственно в карточке. Настройте детальную страницу в соответствии со спецификой предлагаемого продукта и удержите внимание покупателя.

Содержание главы:

Описание курса

назадНастройка подстановки картинки раздела при отсутствии изображения товара Настройки оформления карточки товаравперед

Настройки оформления карточки товара

В решении Аспро: Корпоративный сайт 3.0 доступно пять типов детальной карточки товара. Выбирайте тот, который подходит под специфику и потребности вашего бизнеса.

1. Галерея и название слева, характеристики по центру в столбец. Блок с ценой и кнопками справа перемещается при прокрутке страницы.

2. Галерея и название слева, остальная информация в строку справа.

3. Галерея слева, название с остальной информацией справа.

4. Комплекты в табе снизу — этот тип отображения доступен с версии решения 1.1.4 и предназначен только для товаров с комплектами. Также такой тип отображения есть во всех редакциях Аспро: Корпоративный сайт 3.0. Но в Аспро: Курорт 2.0, Аспро: Стройка 2.0 и Аспро: Digital 2.0 — это 5-й тип.

4-й тип отображения карточки товара

5. Комплекты в выпадающем меню справа — этот тип отображения доступен с версии решения 1.2.4 и предназначен только для товаров с комплектами. Также доступен в Аспро: Digital 2.0, но в 4-м типе.

5-й тип отображения карточки товара

Функционал комплектов доступен только для 4-го и 5-го типов карточки товара.

Выбрать подходящий тип можно двумя способами:

  • через виджет в публичной части,
  • в административном разделе.

Рассмотрим каждый вариант подробнее.

**Виджет в публичной части

Перейдите в «Точную настройку», далее в разделе «Каталог» откройте вкладку «Детальная страница». Здесь можно включить боковое меню (1), задать необходимый тип карточки товаров (2), выбрать размер основной галереи (3) и настроить отображение миниатюр (4).

Ниже доступны настройки вида описания (5) и отображения торговых предложений (6).

Боковое меню может отображаться во всех типах детальной страницы каталога, кроме первого.

Вот так выглядит боковое меню во втором типе отображения карточки.

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

  • 454 px;

  • 388 px;

  • 322 px.

Рассмотрим настройку отображения миниатюр у основной галереи.

  • горизонтально;

  • вертикально.

Описание на детальной странице может иметь два вида.

  • с табами;

  • без табов.

Отображение торговых предложений также может быть двух видов.

  • 1 тип — отображение в характеристиках;

  • 2 тип — отображение отдельным блоком.

Административная панель

Для настройки отображения карточки товара необходимо перейти в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликнуть вкладку «Каталог».

На вкладке «Каталог» прокрутите бегунок до раздела «Детальная страница». Здесь доступны те же настройки, что рассматривались ранее. Выберите нужное и нажмите «Применить».

Описание курса

назадКарточка товара Создание и настройка товаравперед

Создание и настройка товара

Добавить товар можно через публичную и административную часть сайта. Для создания товара через публичную часть перейдите в раздел, в котором предполагается расположение товара. В режиме правки наведите на рабочую область и нажмите «Добавить товар».

Чтобы добавить товар через административную часть сайта, перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3).

Чтобы создать новый товар, нажмите на «Добавить элемент» (1). Для изменения (2), деактивации (3) и удаления (4) существующего товара нажмите на «Гамбургер» напротив него.

Рассмотрим окно редактирования товара из каталога. На вкладке «Товар» доступны следующие поля:

  • Активность (1) — включает отображение товара.
  • Период активности (2) — задает время показа товара.
  • Название (3) — установить название товара, которое будет отображаться в карточке товара.
  • Сортировка (4) — индекс сортировки.
  • Задать вопрос (5) — отображать кнопку «Задать вопрос».
  • Заказать товар (6) — отображать кнопку «Заказать товар» или кнопку «В корзину», если корзина включена.
  • Отображать в слайдере на главной (7) — включить отображение в слайдере на главной странице.
  • Статус (8) — назначить статус товара, например, «В наличии».
  • Артикул (9) — задайте артикул товара, если он есть.
  • Бренд (10) — привяжите бренд к товару.
  • Валюта (11) — установить необходимую валюту для микроразметки.
  • Цена (12) — задать цену для товара.

Всего есть три вида цен: для фильтра, в карточке и старая цена. Цена — текстовое поле, в нем указывается число или текст, который выведется в карточке товара. Цена для фильтра — числовое поле, которое используется для расчетов в корзине и фильтре. Старая цена — текстовое поле, в нем тоже указывается число или текст, который будет выведет зачеркнутым в карточке товара.

Ниже идут поля, в которых можно задать определенные характеристики для товара. Их настройку можно подробно изучить в разделе «Свойства (характеристики) товара и торгового предложения».

На вкладке «Анонс» можно загрузить картинку для анонса (1) и описание к нему (2).

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

На вкладке «Баннер» можно установить баннер сверху (1) и с наездом на шапку (2). Назначить цвет для шапки и текста (3), фоновую (4) и активную картинку (5).

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

Если эти поля не появились, их можно добавить через шестеренку в правом верхнем углу. В настройках форм редактирования выберите «Элемент» (1) → «Баннер» (2). Выделите все поля, связанные с кнопкой на баннере (3), и перенесите их по стрелке (4). После этого установите настройки по умолчанию (5) и сохраните изменения.

Теперь на вкладке «Баннеры» добавлены поля с настройкой кнопки. Рассмотрим их подробнее:

  • Кнопка 1 класс (1) — кнопка может быть залитая, полупрозрачная и прозрачная с бордером.
  • Кнопка 1 ссылка (2) — установить ссылку перехода на заданную страницу при нажатии на кнопку.
  • Кнопка 1 текст (3) — подпись для кнопки на баннере.
  • Кнопка 1 цвет (4) — назначить цвет для кнопки. Это может быть цвет темы или любой другой цвет на выбор.
  • Кнопка 1 цель (5) — задать цель, куда перейдет пользователь: на новую вкладку, текущую или выполнится скролл к описанию.

На вкладке «Видео» вы можете добавить видео с YouTube, Rutube, VK Видео, других видеоплатформ или загрузить файл. На вкладке «Видео» доступны следующие поля:

1. Видео в попапе — располагается в основной галерее товара. При клике отображается в всплывающем окне. Для добавления видео скопируйте ссылку из iframe. Пример показан на картинке ниже.

Свойство также доступно в настройках раздела каталога. О том, как добавить видео в попапе для раздела каталога читайте в документации.

2. Ссылка на видео — добавьте в поле весь HTML-код видеоролика из любой видеоплатформы. Видео отобразится в карточке товара.

3. Файл видео — загрузите файл видео или выберите видео из структуры сайта, назначьте размеры и добавьте информацию о файле.

На вкладке «Связи» можно привязать к карточке товара город, торговые предложения, товары и многие другие параметры. Сохраните изменения.

Описание курса

назадНастройки оформления карточки товара Создание комплектоввперед

Создание комплектов

Создание комплектов

Чтобы создать комплект, в административной части сайта перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Комплекты (3).

Чтобы создать новый комплект, нажмите на «Добавить элемент» (1). Для изменения (2), деактивации (3) и удаления (4) существующего комплекта нажмите на «Гамбургер» напротив него.

Рассмотрим окно редактирования комплекта. На вкладке «Элемент» можно задать активность (1), время активности (2), название (3) и сортировку (4).

На вкладке «Значения свойств» укажите цену и валюту для комплекта (1), а также установите на комплекте кнопку «Заказать товар» (3).

Ниже доступны следующие поля:

  • Галерея (1) — загрузите фотографии в галерею.

  • Состав комплекта (2) — все, что входит в стоимость комплекта. Варианты хранятся в Highload-блоке «Услуги в комплектах». О том, как создавать и редактировать состав комплекта, расскажем ниже.

  • Дополнительные услуги (3) — позволяет задать связь с другими услугами. В комплектах они кликабельны, и их можно добавить в корзину по желанию покупателя.

На вкладке «Анонс» загрузите изображение для анонса.

Сохраните изменения.

Для создания и редактирования состава комплекта перейдите в Контент (1) → Highload-блоки (2) → AsproAllcorp3Services (3).

Чтобы создать новый элемент для состава комплекта, нажмите на «Добавить запись» (1). Для изменения (2), копирования (3) и удаления (4) существующего элемента нажмите на «Гамбургер» напротив него.

В окне редактирования элемента доступны следующие поля:

  • Название (1) — задайте название элементу для состава комплекта.

  • XML_ID (2) — код идентификации элемента.

  • Цена (3) — укажите текущую цену элемента в составе комплекта, которая отобразится в карточке. Вместо маркера «#CURRENCY#» подставляется выбранная валюта.

  • Старая цена (4) — укажите стоимость элемента, если его покупать не в комплекте.

  • Цена для расчета (5) — стоимость элемента для расчета комплекта при покупке.

  • Валюта (6).

  • Сортировка (7).

Сохраните изменения.

После создания и настройки комплекта привяжите его к нужному товару. Для этого перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3).

В окне редактирования необходимого товара перейдите на вкладку «Связи». В поле «Комплекты» при нажатии на многоточие привяжите к товару комплект.

Сохраните изменения.

Описание курса

назадСоздание и настройка товара Выбор типа торговых предложений SKUвперед

Выбор типа торговых предложений SKU

Для товаров доступно два вида отображения торговых предложений SKU.

Первый тип торговых предложений SKU

При первом типе торговых предложений SKU характеристики (1), по которым производится отбор торговых предложений, отображаются отдельно. При переключении между значениями свойств происходит выбор торгового предложения. Под ценой товара доступны кнопки «В корзину» и «Купить в 1 клик» (2).

Второй тип торговых предложений SKU

Второй тип отличается тем, что в верхней части карточки товара торговые предложения и кнопки не отображаются.

Если промотать ниже, то можно рассмотреть, как отдельно для каждого торгового предложения отображаются свойства, изображение, цена, кнопка «В корзину» и «Купить в 1 клик».

Настройка типа торговых предложений SKU

Выбрать подходящий тип можно двумя способами:

  • через виджет в публичной части,
  • в административном разделе.

Рассмотрим каждый вариант подробнее.

Виджет в публичной части

Перейдите в «Точную настройку», далее в разделе «Каталог» откройте вкладку «Детальная страница». Прокрутите вниз до настройки «Вид отображения торговых предложений» и выберите необходимый тип торговых предложений SKU.

Административная панель

Для настройки типа торговых предложений SKU необходимо перейти в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликнуть вкладку «Каталог».

На вкладке «Каталог» прокрутите бегунок до пункта «Вид отображения торговых предложений». Выберите необходимый тип отображения торговых предложений SKU (1). Задайте параметр, определяющий торговые предложения SKU на детальной странице (2). В этом поле можете написать свое значение или удалить параметр. Нажмите «Применить», чтобы сохранить заданные настройки.

Описание курса

назадСоздание комплектов Настройка галереи в карточке товаравперед

Настройка галереи в карточке товара

В карточке товара доступно две галереи: основная галерея и фотогалерея. Каждой из них назначены свои собственные настройки оформления. Рассмотрим подробнее эти настройки.

Настройка основной галереи

В карточке товара можно настроить основную галерею, которая располагается рядом с характеристиками и ценой товара.

Перейдите в «Точную настройку», далее в раздел «Каталог». На вкладке «Детальная страница» вы можете настроить размер основной галереи (1) и отображение миниатюр (2). Начиная с версии 1.2.0, в решении доступен размер галереи — 520 px.

  • Отображение миниатюр — горизонтально.

  • Отображение миниатюр — вертикально.

Настройка фотогалереи

В карточке товара можно настроить отображение фотогалереи. Она располагается под описанием товара и служит для более детальной демонстрации продукта пользователю.

Чтобы настроить отображение галереи, включите режим правки, наведите на область карточки и нажмите на шестеренку.

На вкладке «Настройки детального просмотра» можно включить отображение фотогалереи (1), выбрать большой или маленький тип фотогалереи (2) и задать альтернативный заголовок (3). Сохраните изменения.

Описание курса

назадВыбор типа торговых предложений SKU Управление расположением блоков и табов в карточке товаравперед

Управление расположением блоков и табов в карточке товара

Чтобы настроить расположение блоков и табов в карточке товара, включите режим правки, наведите на область карточки и нажмите на шестеренку.

На вкладке «Настройки детального просмотра» можно менять порядок расположения блоков перетаскиванием мышью.

Например, у вас после блока с услугами отображается блок со статьями.

Чтобы поменять местами эти блоки, в параметрах компонента курсором мыши расположите поле «Услуги» под полем «Статьи». Сохраните изменения.

Теперь блок со статьями отображается раньше блока с услугами.

Ниже в параметрах компонента таким же способом можно менять порядок отображения табов.

Например, у вас таб с описанием отображается в первую очередь. Но вам нужно, чтобы отображался сначала таб с оплатой.

Для этого в параметрах компонента перенесите курсором мыши таб «Оплата» на самую верхнюю позицию. Сохраните изменения.

Теперь таб «Оплата» отображается первым в карточке.

Описание курса

назадНастройка галереи в карточке товара Примечание-подсказка в карточке товаравперед

Примечание-подсказка в карточке товара

Примечание-подсказка отображается в карточке товара для того, чтобы познакомить клиента с дополнительной информацией о товаре.

Ее можно настроить 3 вариантами:

  1. Если подсказка заполнена в товаре, то отобразится этот текст подсказки.

  2. Если подсказка заполнена в разделе каталога, к которому относится товар, но не заполнена в товаре, то выводится подсказка раздела.

  3. Если подсказка не заполнена для раздела или товара, то отобразится подсказка из общего файла для всего каталога.

1. Заполнить примечание-подсказку для карточки товара

Для того, чтобы настроить примечание-подсказку в карточке товара, перейдите в административную часть.

Контент (1) → Каталог (aspro.allcorp3) → Продукты (3) → Аренда спецтехники (4).

Выберите один из разделов, в котором находится товар, для которого вы хотите отредактировать примечание-подсказку.

Выберите этот товар и в меню бургера выберите «Изменить».

Перейдите во вкладку «Подробно» и отредактируйте текст в поле «Примечание-подсказка».

2. Заполнить примечание-подсказку в разделе каталога

В административной части сайта перейдите в Контент → Каталог → Продукты. Выберите раздел, в котором вы будете редактировать примечание-подсказку, и в меню бургера нажмите «Изменить».

На вкладке «Доп. поля» отредактируйте примечание-подсказку для всех товаров раздела.

3. Заполнить примечание-подсказку из общего файла

Разберем подробнее, как отредактировать текст подсказки из общего файла. Изменить текст можно в публичной и административной частях сайта.

Публичная часть

Перейдите в «Режим правки».

Перейдите в любую карточку товара. Наведите курсор на выделенную область и кликните на «Редактировать Примечание-подсказка как html».

Отредактируйте текст и сохраните изменения.

Административная часть

Чтобы отредактировать текст в примечании через административную часть, пройдите путь: Контент (1) → Файлы и папки (2) → product (3).

Найдите файл index_garanty.php и кликните на «Гамбургер». Затем нажмите «Редактировать как PHP».

Отредактируйте текст и сохраните изменения.

Описание курса

назадУправление расположением блоков и табов в карточке товара Примечание по цене в карточке товаравперед

Примечание по цене в карточке товара

Примечание по цене в карточке товара поможет клиентам узнать дополнительную информацию о стоимости товара. Это общий текст для всех товаров каталога.

Вы можете сами редактировать текст в примечании под свои сценарии использования. Изменить текст можно в публичной и административной частях сайта.

Публичная часть

Перейдите в «Режим правки».

Перейдите в любую карточку товара. Наведите курсор на выделенную область и кликните на «Редактировать примечание по цене как html».

Отредактируйте текст и сохраните изменения.

Административная часть

Чтобы отредактировать текст в примечании через административную часть, пройдите путь: Контент (1) → Файлы и папки (2) → product (3).

Найдите файл index_price.php и кликните на «Гамбургер». Затем нажмите «Редактировать как PHP».

Отредактируйте текст и сохраните изменения.

Описание курса

назадПримечание-подсказка в карточке товара Группировщик свойств Аспровперед

Группировщик свойств Аспро

В Аспро: Корпоративный сайт 3.0, начиная с версии 1.4.0, доступен группировщик свойств Аспро. Мы реализовали собственный функционал, который предусмотрен специально для решения. Поэтому больше не нужно устанавливать сторонние модули.

Группировщик поддерживает вид отображения «Таблицей». Объединяйте все свойства в группы для наглядного представления информации в карточке товара. Функционал доступен для характеристик товаров и торговых предложений.

Чтобы подключить группировщик свойств Аспро, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) → Каталог (4).

В поле «Группировщик свойств» выберите «Группировщик свойств Аспро» (1). А в поле «Отображать настройки группировщика Аспро для инфоблоков» укажите через CTRL инфоблоки продуктов (каталога товаров) и торговых предложений (2). Нажмите «Применить».

Рассмотрим объединение свойств в группы на примере инфоблока продуктов (каталога товаров). Отметим, что для торговых предложений настройка аналогична.

Перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (aspro.allcorp3) (4) → Продукты (5).

На вкладке «Группировка свойств» добавьте группу (1). Ее название будет отображаться в карточке товара. Здесь вы можете вручную перетаскивать группы (2), а также редактировать названия и удалять группы (3). Распределите свойства по группам с помощью перетаскивания. Например, все свойства, которые выделены на скриншоте рамкой с цифрой (4), объединены в группу «Технические характеристики». Отметим, что свойства и группы в карточке товара отобразятся в том же порядке, что и в настройке. После группировки свойств не забудьте сохранить изменения.

В группировщик попадают все неслужебные свойства. Например, «Рейтинг» и «Стикер» не отображаются на вкладке, поскольку они не выводятся в характеристиках на странице товара.

Объединение свойств товара и торгового предложения

Чтобы объединить свойства товара и торгового предложения в одну группу, необходимо дать одинаковое название двум разным группам в настройках соответствующих инфоблоков.

Рассмотрим такое объединение на конкретном примере. Создадим группу «Основные характеристики» в настройках двух инфоблоков.

Группа «Основные характеристики» в настройках инфоблока «Продукты».

Группа «Основные характеристики» в настройках инфоблока «Торговые предложения».

Перейдем на страницу торгового предложения и увидим, что свойства товара и торгового предложения объединены в одну группу.

Описание курса

назадПримечание по цене в карточке товара Умный фильтрвперед

Умный фильтр

Описание курса

назадГруппировщик свойств Аспро Вид отображения умного фильтравперед

Вид отображения умного фильтра

Умный фильтр — инструмент для сортировки элементов в каталоге. Он помогает подобрать пользователю товар по нужным параметрам. Доступен в разделах и подразделах каталога.

В решении доступно 2 варианта отображения фильтра: компактный и вертикальный.

Компактный:

Вертикальный:

Начиная с версии 1.0.5, у свойств типа «Список» только с одним значением больше не отображается выпадающий список в фильтре.

Настройка фильтра в публичной части сайта

Перейдите в виджет настроек решения. В разделе «Каталог» отметьте нужный вариант в блоке «Умный фильтр». Сохраните настройки.

Настройка фильтра в административной части сайта

Перейдите в настройки модуля решения. Для этого проделайте путь: Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3). Откройте раздел «Каталог» (4).

Отметьте нужный вариант в блоке «Умный фильтр». Сохраните настройки.

Описание курса

назадУмный фильтр Настройка сортировки свойстввперед

Настройка сортировки свойств

Вы можете изменять расположения характеристик в фильтре. Параметры будут отображаться в том порядке, в котором рассортированы соответствующие свойства в настройках инфоблока каталога.

Перейдите в настройки модуля решения. Для этого проделайте путь: Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (aspro.allcorp3) (4).

Перейдите в раздел «Каталог товаров».

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

Описание курса

назадВид отображения умного фильтра Фасетные индексывперед

Фасетные индексы

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

Одному каталогу соответствует один фасетный индекс. Он нужен для того, чтобы поиск по каталогу осуществлялся максимально быстро. После того, как вы внесли изменения в настройки умного фильтра, проверьте состояние фасетных индексов (особенно если заметили, что внесенные вами изменения не отобразились).

В административном разделе перейдите в Контент (1) → Инфоблоки (2) → Фасетные индексы (3).

Если состояние индекса «Работает» и горит зеленый индикатор, то все в порядке. Если же индикатор красный и появилась кнопка «Создать», то нажмите «Гамбургер» и выберите соответствующий пункт.

В списке «Информационный блок» выберите «Каталог товаров». В поле «Шаг» можете оставить значение по умолчанию.

Вы можете при необходимости отключить фасетный индекс, но делать это не рекомендуется.

Описание курса

назадНастройка сортировки свойств Настройка количества знаков после точки в параметрах фильтравперед

Настройка количества знаков после точки в параметрах фильтра

В решении Аспро: Корпоративный сайт 3.0, начиная с версии 1.1.4, добавлена возможность указывать количество знаков после точки для каждого свойства в фильтре. Это позволит сократить значение параметров фильтра для наглядного представления. Функционал предназначен только для свойств с типом «Число».

Чтобы настроить количество знаков после точки для свойства в фильтре, в административной части сайта перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (aspro.allcorp3) (4) → Продукты (5).

На вкладке «Свойства» перейдите в редактирование необходимого свойства с типом «Число». Для этого нажмите на кнопку с тремя точками в поле с характеристикой.

В окне редактирования найдите поле «Подсказка в умном фильтре для посетителей» и укажите маркер #число#, где число — это количество знаков после точки. Например, если вы хотите задать три знака после точки в параметре фильтра, то добавьте в поле — #3#. Сохраните изменения.

Далее еще раз сохраните изменения в настройках инфоблока.

Вернемся в публичную часть сайта и рассмотрим результат. Сначала в фильтре будет показано значение с тем количеством знаков в свойстве, с которым заполнено в товаре.

А если потянуть ползунок, то отобразится уже то количество, которое указано с помощью маркера.

Описание курса

назадФасетные индексы Параметр, определяющий торговые предложения SKU на детальнойвперед

Параметр, определяющий торговые предложения SKU на детальной

Параметр, определяющий торговые предложения SKU на детальной, добавляется в URL сайта. Для каждого торгового предложения этот параметр уникальный. Если его использовать, то при переходе по ссылке, которой вы поделились, откроется карточка товара с выбранным торговым предложением. Параметр помогает идентифицировать каждое торговое предложение, чтобы их можно было легко отличить друг от друга. Вы можете использовать или не использовать этот параметр. Все зависит от ваших задач.

С использованием параметра:

Без использования параметра:

Настроить торговые предложения SKU на детальной можно через административную часть. Пройдите путь: Аспро (1) → Аспро: Allcorp 3 (2) → Настройки (3) → Каталог (4).

Во вкладке «Каталог» нужно пролистать до поля «Параметр, определяющий торговые предложения SKU на детальной». Пропишите значение, которое хотите использовать для торгового предложения. Если вам не нужен этот параметр, то оставьте поле пустым.

Содержание главы:

Описание курса

назадНастройка количества знаков после точки в параметрах фильтра Компактный вид отображения товароввперед

Компактный вид отображения товаров

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

Стандартный вид отображения товаров прайсом

Компактный вид отображения товаров прайсом

Настройка осуществляется как через публичную, так и через административную часть сайта.

Важно! Компактный вариант доступен только при виде отображения «Прайс».

Для настройки в публичной части сайта включите режим правок. Перейдите в раздел редактирования продукции. Для этого в каталоге наведите на любой раздел и нажмите кнопку «Изменить раздел».

В поле редактирование перейдите во вкладку «Доп. поля» и отметьте галкой форму «Компактный вариант вида отображения “Прайс”».

После настройки сохраните изменения.

Чтобы внести изменения через административную часть сайта, зайдите в Контент (1) → Каталог (aspro.allcorp3metal) (2) → Продукция (3). Перейдите в раздел редактирования.

Перейдите во вкладку «Доп. поля» и отметьте галкой форму «Компактный вариант вида отображения “Прайс”».

Сохраните изменения.

Все настройки адаптируются под любые экраны. На мобильных устройствах такой вид отображения удобен в использовании.

Компактный вид отображения товаров прайсом на телефоне

Описание курса

назадПараметр, определяющий торговые предложения SKU на детальной Массовая покупка товароввперед

Массовая покупка товаров

В Аспро: Корпоративный сайт 3.0 есть возможность оптовой покупки. Покупка такого вида позволяет сделать массовое добавление товаров в корзину предельно удобным и простым.

Функционал доступен в табличном виде отображения списка товаров.

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

Активировать оптовую покупку можно в публичной части сайта. Для этого перейдите в режим правки.

Затем — открыть каталог товаров. Кликнуть на выделенную область и нажать на шестеренку.

Нужно перейти во вкладку «Настройки списка» и активировать пункт «Оптовая покупка в табличном варианте каталога».

Описание курса

назадКомпактный вид отображения товаров Настройка слайдпанели (галереи) в списке товароввперед

Настройка слайдпанели (галереи) в списке товаров

Слайд-панель — перелистывание фотографий товара при наведении курсора в каталоге. Помогает пользователю рассмотреть внешний вид без перехода на детальную карточку или быстрый просмотр.

Включить слайд-панель для товаров можно двумя способами:

  • через виджет в публичной части;
  • в административном разделе.

Рассмотрим каждый вариант подробнее.

Виджет в публичной части

Перейдите в «Точную настройку», далее в раздел «Каталог». Активируйте настройку «Отображать галерею картинок у товаров в списке» и задайте необходимое количество картинок.

Административная панель

Для настройки в административной панели необходимо перейти в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликнуть вкладку «Каталог».

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

Описание курса

назадМассовая покупка товаров Отображение характеристик при наведении на товарвперед

Отображение характеристик при наведении на товар

При наведении курсора на товар в каталоге можно настроить отображение характеристик. Это помогает пользователю сразу изучить все свойства товара без перехода на детальную карточку или быстрый просмотр. Настройка доступна только для плиточного отображения товаров.

Обратите внимание, что при включенной настройке отображения свойств слайд-панель не отображается.

Включить отображение характеристик при наведении на товар можно двумя способами:

  • через виджет в публичной части;
  • в административном разделе.

Рассмотрим каждый вариант подробнее.

Виджет в публичной части

Перейдите в «Точную настройку», далее в раздел «Каталог». На вкладке «Разделы» выберите необходимый вариант в настройке «Отображать свойства товаров в блочном варианте».

Административная панель

Для настройки в административной панели необходимо перейти в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликнуть вкладку «Каталог».

Включите отображение характеристик в настройке «Отображать свойства товаров в блочном варианте» и нажмите «Применить».

Описание курса

назадНастройка слайдпанели (галереи) в списке товаров Сравнение товароввперед

Сравнение товаров

В Аспро: Корпоративный сайт 3.0 начиная с версии 1.0.6 доступно сравнение товаров. Функционал позволяет пользователю быстро сравнить характеристики разных товаров. Характеристики собраны в таблицу, что упрощает выбор товаров.

Для начала активируйте функцию в административной части сайта. Перейдите во вкладку Аспро (1) — Настройки (2).

Перейдите во вкладку «Каталог» (1). В общих настройках поставьте галочку на «Отображать сравнение товаров» (2).

Кнопка списка сравнения появляется в зависимости от положения кнопки корзины — в шапке сайта или в боковом виджете.

«Сравнение» в шапке сайта.

Вариант в боковом виджете.

У товаров также появляется кнопка добавления в сравнение.

Выбранные товары появятся в списке сравнения в виде таблицы.

Свойства, которые будут выводиться для сравнения, определяются в параметрах компонента каталога или настройках инфоблока. Это зависит от того, включен ли в настройках параметров модуля инфоблоков параметр «Использовать параметры свойств в компонентах и формах».

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

Перед вами откроется окно настроек компонента каталога. Для выбора свойств в разделе «Сравнение товаров» (1) должна быть галочка на опции «Разрешить сравнение товаров» (2). Свойства товаров (3) будут выводиться из инфоблока. Чтобы выбрать несколько свойств, зажмите клавишу CTRL и кликните по нужным свойствам.

Если галочка на использовании параметров свойств в компонентах и формах поставлена, то настройку свойств для сравнения нужно провести в инфоблоке каталога.

Переходим в инфоблок через административную часть сайта (1). Далее во вкладке «свойства» (2) нужные свойства отмечаем галочками в столбце «Акт.». Переходим в настройки по кнопке изменений (3).

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

Содержание главы:

Описание курса

назадОтображение характеристик при наведении на товар Группировка товаров по разделамвперед

Группировка товаров по разделам

В обновлении 1.1.2. появилась возможность группировки по разделам на странице сравнения товаров.

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

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

Для активации группировки перейдите в параметры компонента каталога и активируйте пункт «Использовать группировку на странице сравнения».

Теперь товары на странице сравнения будут группироваться по разделам каталога.

Описание курса

назадСравнение товаров Отображение характеристик в табличном вариантевперед

Отображение характеристик в табличном варианте

Для табличного варианта отображения товаров в каталоге можно настроить показ характеристик. Это помогает пользователю сразу изучить все свойства товара без перехода на детальную карточку или быстрый просмотр.

Табличный вариант отображения можно выбрать в небольшой панели над товарами каталога.

Включить отображение характеристик в табличном варианте можно для всего сайта или конкретного раздела каталога. Настройка возможна двумя способами:

  • через виджет в публичной части;
  • в административном разделе.

Рассмотрим каждый вариант подробнее.

Виджет в публичной части

Перейдите в «Точную настройку», далее в раздел «Каталог». На вкладке «Разделы» выберите необходимый вариант в настройке «Отображать свойства товаров в табличном варианте».

Рассмотрим 3 типа отображения свойств товаров в табличном варианте.

  • Не отображать — свойства товара не показываются.

  • По колонкам — свойства товара отображаются по колонкам. Рекомендуется использовать этот тип для небольшого количества свойств с численными значениями. Если в строке не хватает места, то появляется горизонтальная прокрутка.

  • В строку — характеристики отображаются по строкам. Этот тип используется, если свойства не помещаются в колонку из-за своей длины.

Административная панель

Для настройки в административной панели необходимо перейти в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликнуть вкладку «Каталог».

Выберите необходимый тип отображения свойств в настройке «Отображать свойства товаров в табличном варианте» и нажмите «Применить».

Чтобы установить необходимый тип отображения свойств в табличном варианте только для определенного раздела, перейдите в Контент (1) → Каталог (aspro.allcorp3) (2) → Продукты (3).

Напротив необходимого раздела нажмите на «Гамбургер» и выберите «Изменить».

В редактировании раздела перейдите на вкладку «Доп. поля», прокрутите до настройки «Отображать свойства в табличном варианте» и выберите необходимый тип отображения.

Сохраните изменения. Теперь этот раздел всегда будет соответствовать указанному типу, независимо от заданного отображения для всего каталога.

Описание курса

назадГруппировка товаров по разделам Выражения и названиявперед

Выражения и названия

Под список выражений для обозначения количества товаров, названий некоторых кнопок и текста под кнопкой «Под заказ» отведен отдельный раздел «Выражения и названия». Если вы хотите заменить одно из выражений или названий, отредактировать текст под кнопкой, введите свое значение в соответствующем поле. Используйте возможность, чтобы дать клиенту максимум нужной информации.

Начиная с версии 1.2.0, в решении появилась возможность переименовать кнопку «Покупка в 1 клик».

Изменение полей раздела «Выражения и названия» доступно только в административной части сайта. Чтобы изменить текст, перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и нажмите вкладку «Выражения и названия».

Пропишите названия для кнопок в соответствующих полях и нажмите «Применить».

Описание курса

назадОтображение характеристик в табличном варианте Сортировка по умолчанию в каталогевперед

Сортировка по умолчанию в каталоге

Пользователи выбирают товары по-разному. Одни сортируют список по цене и рассматривают сначала дешевые позиции. Другие сортируют их по наличию, чтобы не тратить время на просмотр отсутствующих товаров. Вы можете задавать сортировку по умолчанию не только по наименованию и цене, но и по любым свойствам. Настраивайте сортировку в каталоге, чтобы упростить подбор товаров посетителям.

Рассмотрим примеры:

1. Сортировка по умолчанию настроена по цене.

2. Сортировка по умолчанию настроена по свойству «Скорость передвижения».

В качестве примера установим сортировку по умолчанию по свойству «Грузоподъемность».

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

На вкладке «Доступные поля для сортировки» выберите необходимое свойство в списке. При выборе зажмите Ctrl, чтобы другие поля не сбросились.

После этого в пункте «Сортировка по умолчанию» станет доступно необходимое поле. Выберите появившееся свойство для настройки сортировки по умолчанию.

Сохраняем внесенные изменения. Теперь в любом разделе каталога все товары будут по умолчанию сортироваться по свойству «Грузоподъемность».

Описание курса

назадВыражения и названия Быстрый заказ (в 1 клик)вперед

Быстрый заказ (в 1 клик)

Покупка в 1 клик (быстрый заказ) – опция для моментального заказа выбранных товаров, которая не требует оформления через корзину. Благодаря этому количество шагов к покупке сокращается до минимума: пользователь оставляет контактные данные, а затем с ним связывается менеджер для согласования деталей оплаты и доставки.

Функция «Купить в 1 клик» способна повысить конверсию на 60-80%. В этом уроке мы рассмотрим, как активировать и деактивировать опцию быстрой покупки.

Кнопка «Купить в 1 клик» в карточке товара.

Форма «Купить в 1 клик».

Чтобы активировать или деактивировать кнопку покупки в 1 клик, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3) и кликните вкладку «Каталог».

В пункте «Общие настройки» поставьте галку в поле «Отображать кнопку “Купить в 1 клик”», чтобы активировать кнопку с быстрым заказом.

Описание курса

назадСортировка по умолчанию в каталоге Настройка хлебных крошеквперед

Настройка хлебных крошек

В Аспро: Корпоративный сайт 3.0 с версии 1.3.0 в навигационной цепочке можно включить выпадающий список. С его помощью клиенты смогут в 1 клик переходить в нужные подразделы.

Виджет в публичной части

Перейдите в «Точную настройку». Выберите раздел «Общие» и активируйте отображение опции «Выпадающее меню с подразделами в навигационной цепочке».

Административная панель

Для настройки отображения выпадающего списка перейдите в Аспро (1) → Аспро: Корпоративный сайт 3.0 (2) → Настройки (3) → Общие (4).

Активируйте отображение выпадающего меню в навигационной цепочке.

Описание курса

назадБыстрый заказ (в 1 клик) Корзинавперед

Корзина

Корзина — важная составляющая часть сайта. С помощью нее покупатель собирает заказ, оформляет его и заказывает товар. Преимуществом корзины является быстрое оформление покупки нескольких товаров удаленно в процессе изучения посетителем каталога товаров и услуг.

Корзину можно активировать и деактивировать. Для активации корзины в публичной части, откройте виджет настроек и найдите блок «Корзина».

При активации корзины у всех доступных к покупке товаров отобразится кнопка «В корзину».

Товар попадет в корзину. Затем вы переходите к оформлению заказа через кнопку «Оформить заказ».

Заполняете форму. Готово!

При деактивации корзины возле товара отобразиться кнопка «Заказать».

Вы нажимаете кнопку и заполняете форму.

Затем с вами свяжется менеджер за уточнением деталей заказа.

Содержание главы:

Описание курса

назадНастройка хлебных крошек Настройка положения корзины на сайтевперед

Настройка положения корзины на сайте

Корзина может менять свое положение на странице сайта. Применить любое положение для корзины можно через виджет настроек в публичной части сайта в разделе «Корзина».

Доступно 2 варианта расположения корзины: «В шапке» и «Боковая».

  • Расположение «В шапке». Иконка корзины располагается рядом с основным меню.

  • Расположение «Боковая». Иконка корзины фиксируется у края экрана.

Настраивайте расположение корзины и через административную часть.

Для этого пройдите путь: Аспро (1) → Аспро: Allcorp 3 (2) → Настройки (3).

Далее перейдите в раздел «Корзина» и найдите блок «Внешний вид». Выберите один из типов положения корзины.

Описание курса

назадКорзина Настройка формы оформления заказавперед

Настройка формы оформления заказа

Оформление заказа в корзине проходит через заполнение формы.

Как только вы заполните форму, ваш заказ будет оформлен.

Вы можете сами настраивать форму оформления заказа и составляющие ее поля, а также указывать, какие поля являются обязательными для заполнения (например, имя и телефон).

В зависимости от настройки вы можете использовать форму на инфоблоках или веб-форму. Для этого активируйте или деактивируйте поле «Использовать «Веб-формы» вместо инфоблоков».

Настройка формы «Оформить заказ» на инфоблоках

Настройка формы задается в административной части сайта в меню Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Формы (aspro.allcorp3) (4) → Оформление заказа (5).

Перейдите во вкладку «Свойства».

Чтобы добавить новое поле, задайте ему название, код, выберите тип поля и дополнительные опции, затем сохраните изменения.

  • «Название поля» отображается на сайте как его заголовок.
  • «Тип» определяет основную характеристику поля — какие значения будут корректны для поля ввода (строка, число, дата, текст в несколько строк, список).
  • «Акт.» — активность поля. Опция определяет, отображается выбранное поле на сайте или нет.
  • «Множ.» — множественное свойство. Множественный список дополнительных опций при заказе означает, что пользователь может выбрать сразу несколько значений заданного свойства.
  • «Обяз.» — обязательное для заполнения поле. Если отмеченное поле не будет заполнено, то форма не отправится, а у пользователя на экране появится уведомление, что он не заполнил обязательное поле.
  • «Код» — уникальный ID поля, нужный программным модулям для обработки и хранения информации из формы.
  • «Удал.» — чтобы удалить созданное вами поле.

Чтобы изменить настройки существующего поля, кликните на многоточие возле этого поля.

Откроется новое окно. Здесь вы можете:

  1. Задать активность поля.
  2. Задать последовательность полей.
  3. Поменять название.
  4. Изменить символьный код поля.
  5. Задать количество.
  6. Активировать и деактивировать показ этого поля при редактировании формы.
  7. Активировать и деактивировать показ на странице списка полей.
  8. Активировать и деактивировать показ формы на странице корзины.

Использование веб-форм в «Оформить заказ»

Также вы можете использовать веб-форму для оформления заказа. Для этого перейдите: Сервисы (1) → Веб-формы (2) → Настройки форм (3).

Среди веб-форм найдите «Оформление заказа» и кликните на «Гамбургер». Затем нажмите «Изменить».

Откроется редактор веб-формы «Параметры формы». Во вкладке «Свойства» вы можете:

  1. Задать заголовок форме.
  2. Редактировать символьный идентификатор.
  3. Изменить порядок показа элементов.
  4. Изменить текст внутри пунктов меню в административном разделе.
  5. Отредактировать подпись на кнопке, отвечающей за сохранение результатов веб-формы.
  6. Активировать или деактивировать капчу на веб-форму.

Во вкладке «Описание» отредактируйте текст внутри веб-формы. Сохраните изменения.

Чтобы редактировать, добавлять и удалять вопросы в веб-форме «Оформление заказа», перейдите во вкладку «Вопросы». Для того, чтобы добавить вопрос в форму, нажмите «Добавить». Чтобы редактировать (1) или удалить вопросы (2), нажмите на «Гамбургер». Выберите один из параметров для вопроса.

Для редактирования вопроса перейдите в «Параметры вопроса». В открывшемся окне во вкладке «Свойства» вы можете настроить:

  1. «Акт.» — активность поля. Опция определяет, отображается выбранное поле на сайте или нет
  2. Порядок сортировки — задать последовательность выводимых элементов.
  3. Символьный идентификатор — уникальный ID поля, нужный программным модулям для обработки и хранения информации из формы.
  4. Обязателен — обязательное для заполнения поле. Если отмеченное поле не будет заполнено, то форма не отправится, а у пользователя на экране появится уведомление, что он не заполнил обязательное поле.

Отредактируйте текст вопроса во вкладке «Вопрос». Сохраните изменения.

На вкладке «Ответ»:

  • Заполните колонку «Текст» (1) в соответствии с выбранным типом ответа.
  • Укажите в таблице, какой тип данных принимает поле (2). Например, текст, число, дата и т.п.

Вы можете предложить пользователю список с несколькими вариантами ответов. Для этого установите активность у нужных пунктов, затем перечислите варианты в колонке «Текст» (1) и установите для каждого из них тип checkbox (2).

Если же в качестве ответа посетитель должен ввести свой текст, поставьте в первой колонке пробел и выберите нужный тип (text или textarea).

Описание курса

назадНастройка положения корзины на сайте Настройка кнопки печати корзинывперед

Настройка кнопки печати корзины

Чтобы активировать кнопку печати корзины, проделайте путь: Аспро (1) → Аспро: Allcorp3 (2) → Настройки (3).

Перейдите в блок «Корзина» и найдите поле «Отображать кнопку печати корзины». Активируйте или деактивируйте кнопку.

Так выглядит кнопка печати корзины на странице.

Описание курса

назадНастройка формы оформления заказа Услугивперед

Услуги

Описание курса

назадНастройка кнопки печати корзины Разделы, подразделы и список услугвперед

Разделы, подразделы и список услуг

Описание курса

назадУслуги Настройки оформления разделов, подразделов и списка услугвперед

Настройки оформления разделов, подразделов и списка услуг

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

Знакомство покупателя с услугами компании начинается с изучения соответствующих разделов и подразделов. В решении доступно 3 вида списка разделов, подразделов и списка услуг — выберите наиболее выгодный вариант отображения для вашего бизнеса.

Содержание главы:

Описание курса

назадРазделы, подразделы и список услуг Описание корня раздела услугвперед

Описание корня раздела услуг

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

Настроить описание можно через публичную часть сайта в режиме правки. Перейдите в раздел услуг, наведите на область и нажмите кнопку «Изменить область».

Отредактируйте описание и сохраните изменения.

Редактировать описание раздела услуг также можно через административную часть. Для этого проделайте путь: Контент → Структура сайта → Файлы и папки → servises.

Найдите файл index_inc.php и перейдите в редактирование как PHP.

Отредактируйте описание раздела услуг и сохраните изменения.

Описание курса

назадНастройки оформления разделов, подразделов и списка услуг Настройки оформления разделов и подразделов услугвперед

Настройки оформления разделов и подразделов услуг

Вид списка разделов и подразделов услуг

Знакомство покупателя с услугами компании начинается с изучения соответствующих разделов. В решении доступно 3 вида списка разделов услуг — выберите наиболее выгодный вариант отображения для вашего бизнеса:

1. Большие картинки.

2. Маленькие картинки.

3. Списком.

Вид списка разделов и подразделов можно изменить двумя способами:

  • через виджет настроек в публичной части;
  • через настройки модуля решения в административной части.
Настройка через виджет настроек в публичной части

Для настройки списка разделов (1) или подразделов (2) услуг через виджет перейдите в публичную часть. Откройте раздел виджета «Услуги» и вкладку «Разделы». Разберем настройку на примере разделов (1).

Есть возможность отображения бокового меню на странице корня услуг (1), редактирования шаблона списка разделов (2) и отображения меню в списке услуг (3). Выберите тип отображения списка разделов услуг и сохраните изменения.

Вид списка услуг с боковой колонкой.

Вид списка услуг без боковой колонки.

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

В шаблоне списка для раздела услуг «Большие картинки» доступны настройки:

  • отображать разделы с отступами или без них;
  • количество отображаемых элементов в строке (количество зависит от наличия боковой колонки).

Пример разделов с отступами.

Разделы без отступов.

Пример расположения 4 элементов в строке. Так как включена боковая колонка, она занимает 1 позицию. Поэтому отображается 3 элемента в строке.

Пример расположения 3 элементов в строке, где 1 из элементов занимает боковое меню.

Пример расположения 2 элементов в строке с боковым меню.

Для шаблона списка «Маленькие картинки» доступны настройки:

  • отображать картинки с отступами или без них;
  • количество отображаемых элементов в строке;
  • тип изображения: иконки, картинки или прозрачные картинки.

Пример типа отображения — иконки.

Пример типа отображения — картинки.

Пример типа отображения — прозрачные картинки.

Для шаблона списка «Списком» доступны настройки:

  • отображать картинки с отступами или без них;
  • позиция картинки — справа или слева;
  • тип изображения: иконки, картинки, большие или прозрачные картинки.

Положение картинки слева.

Положение картинки справа.

Пример типа отображения иконок.

Пример типа отображения прозрачных картинок.

Пример типа отображения больших картинок.

Пример типа отображения картинок.

Через настройки решения в административной части

Переключитесь на административную часть сайта и перейдите в раздел

Аспро → Аспро: Allcorp3 → Настройки. Найдите раздел «Услуги».

В разделе настроек «Услуги» найдите «Шаблон списка разделов» и выберите нужный тип.

Сохраните изменения.

Описание курса

назадОписание корня раздела услуг Настройки оформления списка услугвперед

Настройки оформления списка услуг

В решении доступно 3 вида списка услуг — выберите наиболее выгодный вариант отображения для вашего бизнеса:

1. Большие картинки.

2. Маленькие картинки.

3. Списком.

Вид списка услуг можно изменить двумя способами:

  • через виджет настроек в публичной части;
  • через настройки модуля решения в административной части.
Настройка через виджет настроек в публичной части

Для настройки списка услуг через виджет перейдите в публичную часть. Откройте раздел виджета «Услуги» и вкладку «Разделы». Здесь вы можете активировать боковое меню на странице услуг или выключить его.

Найдите «Шаблон списка элементов». Выберите тип отображения списка услуг и сохраните изменения.

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

В шаблоне списка услуг «Большие картинки» доступны настройки:

  • отображать разделы с отступами или без них;
  • количество отображаемых элементов в строке (количество зависит от наличия боковой колонки).

Пример списка с отступами.

Список без отступов.

Пример расположения 4 элементов в строке. Так как включена боковая колонка, она занимает 1 позицию. Поэтому отображается 3 элемента в строке.

Пример расположения 3 элементов в строке без бокового меню.

Пример расположения 2 элементов в строке без бокового меню.

Для шаблона списка «Маленькие картинки» доступны настройки:

  • отображать картинки с отступами или без них;
  • количество отображаемых элементов в строке;
  • тип изображения: иконки, картинки или прозрачные картинки.

Пример типа отображения — иконки.

Пример типа отображения — картинки.

Пример типа отображения — прозрачные картинки.

Для шаблона списка «Списком» доступны настройки:

  • отображать картинки с отступами или без них;
  • позиция картинки — справа или слева;
  • тип изображения: иконки, картинки, большие или прозрачные картинки.

Положение картинки слева.

Положение картинки справа.

Пример типа отображения иконок.

Пример типа отображения прозрачных картинок.

Пример типа отображения больших картинок.

Пример типа отображения картинок.

Через настройки решения в административной части

Переключитесь на административную часть сайта и перейдите в раздел

Аспро → Аспро: Allcorp3 → Настройки. Найдите раздел «Услуги».

В разделе настроек «Услуги» найдите «Шаблон списка элементов» и выберите нужный тип.

Сохраните изменения.

Описание курса

назад Настройки оформления разделов и подразделов услуг Создание и настройка раздела услугвперед

Создание и настройка раздела услуг

В разделе «Услуги» вы можете рассказать о своем клиентском сервисе. Размещайте подробную информацию, чтобы клиенты обращались к вам.

Если у вас больше 7-10 услуг, то для удобства вы можете разбить их на подразделы. В публичной части сайта вы можете изменить раздел или удалить его.

Чтобы создать раздел в административной части сайта, перейдите в Контент → Контент (aspro.allcorp3) → Услуги. Для добавления раздела кликните на выпадающий список, затем нажмите на «Добавить раздел».

Чтобы изменить раздел или удалить, нажмите на «Гамбургер» и выберите соответствующий пункт меню.

На вкладке «Раздел» добавьте название категории (1), изображение (2) и краткое описание (3).

Сортировку вы можете задать на вкладке «Дополнительно».

На вкладке «Доп. поля» доступны настройки:

  • краткое описание категории услуг (1);
  • показывать категорию на главной странице или нет (2);
  • иконка SVG для шаблона списка разделов с типом изображения «Иконки» (3);
  • прозрачная картинка для шаблона списка разделов с типом изображения «Прозрачные картинки» (4).

Сохраните изменения.

Описание курса

назадНастройки оформления списка услуг Создание и настройка услугивперед

Создание и настройка услуги

Рассказывайте на детальной странице услуг, какие задачи клиентов вы поможете решить. Выделите сильные стороны и ценность предложения.

Состав страницы услуги:

  • большой баннер (1);
  • блок заказа услуги с формой обратной связи и добавлением в корзину (2);

  • информация по услуге, представленная в табах: описание, характеристики, видео, документы, вопрос/ответ, отзывы и дополнительная информация (3);
  • фотогалерея (4);

  • связанные элементы с оказанной услугой (5);
  • комментарии к услуге (6).

Чтобы создать услугу в публичной части, наведите указатель в режиме правки на область раздела и нажмите на «Добавить услугу». Тоже самое можете сделать из подраздела.

Чтобы создать услугу в административной части сайта, перейдите в Контент → Контент (aspro.allcorp3) → Услуги. Для добавления элемента нажмите на «Добавить услугу». Перейдите в редактирование или создайте услугу.

Чтобы удалить или редактировать созданную услугу, нажмите на «Гамбургер» и выберите соответствующие пункты выпадающего меню.

На вкладке «Услуга» настройте:

  1. Поле «Активность», включающее отображение услуги. Ниже вы можете задать период активности.
  2. Обязательное поле, задающее название услуги.
  3. Поле, определяющее последовательность отображения услуг в блоке и разделе.
  4. Поле, которое позволяет отображать услугу на главной.
  5. Поле, отвечающее за форму «Заказ услуги».
  6. Поле, отвечающее за форму «Задать вопрос».
  7. Поле, в котором можно указать ссылку на другую страницу для редиректа.
  8. Характеристики, если у услуги есть дополнительные особенности.

Вкладка «Анонс» содержит изображение для анонса (1), прозрачную картинку (2), иконку (3). Они отображаются в зависимости от выбранного шаблона услуг. Также анонс содержит описание (4).

На вкладке «Подробно» настройте:

  1. Расположение фото, которое управляет положением детальной картинки, оформляющей услугу. Фото можно расположить слева, чтобы картинка обтекала текстом с правой стороны, или, наоборот, фото отобразить справа, а текст — слева. Вариант «По ширине» размещает фото над текстом по ширине контента. Есть эффект «С наездом на шапку». В этом случае шапка находится на баннере. При варианте «Над контентом (по всей ширине)» изображение растягивается на всю ширину экрана, а при варианте «Над контентом (по ширине контента)» — границы находятся на ширине текста страницы.
  2. Детальная картинка, оформляющая текст.
  3. Дополнительные файлы или документы.
  4. Изображения в галерее, которые отображаются в услуги. Картинки добавляются стандартными действиями: перемещением файлов в область галереи или при помощи меню кнопки «Гамбургер».

  1. Полное описание услуги. Используя возможности визуального редактора, вы можете отформатировать текст, вставить таблицы, гиперссылки, изображения и видео для удобства восприятия.

На вкладке «Цены» вы можете настроить:

  1. Валюту, которая нужна для микроразметки.
  2. Цену для фильтра.
  3. Цену на карточке услуги, старую цену, размер экономии. Используйте маркер #CURRENCY# для подстановки выбранной валюты.

На вкладке «Видео» вы можете вставить видео в формате iFrame (1). Также можно указать путь к видео, задать основные параметры и добавить информацию о файле (2).

На вкладке «Баннер» настройте:

  1. Активность баннера.
  2. Эффект наезда на шапку или без него.
  3. Цвет шапки и текста — темный или светлый.
  4. Фоновую картинку для составного или простого баннера.
  5. Активную картинку для составного баннера.

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

Если поля редактирования кнопок не появились, их можно добавить через шестеренку в правом верхнем углу. В настройках форм редактирования выберите «Услуга» (1) → «Баннер» (2). Выделите все поля, связанные с кнопкой на баннере (3), и перенесите их по стрелке (4). После этого, если нужно передать настройки другим пользователям, установите настройки по умолчанию (5) и сохраните изменения.

Теперь на вкладке «Баннеры» добавлены поля с настройкой кнопки. Рассмотрим их подробнее:

  • Кнопка 1 класс (1) — кнопка может быть залитая, полупрозрачная и прозрачная с бордером.
  • Кнопка 1 ссылка (2) — установить ссылку перехода на заданную страницу при нажатии на кнопку.
  • Кнопка 1 текст (3) — подпись для кнопки на баннере.
  • Кнопка 1 цвет (4) — назначить цвет для кнопки. Это может быть цвет темы или любой другой цвет на выбор.
  • Кнопка 1 цель (5) — задать цель, куда перейдет пользователь: на новую вкладку, текущую или выполнится скролл к описанию.

На вкладке «Связи» можно привязать к услуге: город, товары, тизеры, акции, отзывы и элементы из контентных разделов.

В версии 1.0.6 появилась возможность привязывать к услугам тарифы. Такой функционал также стал доступен с версии решения Аспро: Автосервис 1.0.1.

Добавить тарифы в связи можно через шестеренку в правом верхнем углу. В настройках форм редактирования выберите «Услуга» (1) → «Связи» (2). В доступных полях выберите тарифы (3) , и перенесите их по стрелке (4). Передайте настройки другим пользователям — установите настройки по умолчанию (5). Сохраните изменения.

После внесения изменений не забудьте сохранить настройки.

Содержание главы:

Описание курса

назадСоздание и настройка раздела услуг Управление расположением блоков и табов на странице услугвперед

Управление расположением блоков и табов на странице услуг

Расположение блоков на странице услуг и порядок табов можно менять. О том, какие блоки есть на странице, рассказали в документации.

Для включения и отключения табов на странице услуг перейдите в виджет настроек. В разделе «Услуги» перейдите на таб «Детальная страница».

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

Чтобы изменить положение блоков на детальной странице услуги и порядок табов с информацией, перейдите в настройки параметров компонента услуги. Включите режим правки, наведите на область и нажмите на «Шестеренку».

В настройках найдите раздел «Настройки детального просмотра». Найдите поля «Порядок отображения блоков» (1) и «Порядок отображения табов» (2). Измените расположение с помощью перетаскивания элементов левой кнопкой мыши.

Сохраните изменения.

Описание курса

назадСоздание и настройка услуги Настройки пользовательских характеристиквперед

Настройки пользовательских характеристик

Пользовательские характеристики — это особенности конкретной услуги, которые отображаются в разделе и на ее детальной странице.

Пользовательские характеристики на детальной странице услуги.

Пользовательские характеристики в разделе услуг. Отображается в описании конкретной услуги.

Чтобы создать новые характеристики для заполнения, в административной части сайта перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Контент (aspro.allcorp3) (4) → Услуги (5). Откройте вкладку «Свойства».

На вкладке «Свойства» добавьте новое свойство и сохраните изменения. Подробнее о типах свойств читайте в статье.

Для настройки пользовательских характеристик перейдите в Контент (1) → Контент (aspro.allcorp3) (2) → Услуги (3) и зайдите в настройки необходимой услуги.

В окне редактирования услуги для добавления нового свойства в список характеристик нажмите на шестеренку и выберите «Настройки».

Откроется окно с настройкой формы редактирования. Выберите доступную вкладку «Услуга» и вкладку, на которую хотите добавить новое свойство — например, «Услуга». Затем выберите новое свойство и кликните на стрелку, чтобы оно отображалось на вкладке. Сохраните изменения.

Далее на вкладке «Услуга» задайте пользовательские характеристики и сохраните изменения.

Чтобы отобразить необходимые пользовательские характеристики в списке услуг и на детальной странице, в публичной части сайта перейдите в режим правки, наведите курсор на область c услугой и нажмите на шестеренку.

В параметрах компонента перейдите на вкладку «Настройки списка». В поле «Свойства» выберите необходимые характеристики, зажав клавишу ctrl. Сохраните изменения. Теперь необходимое свойство отобразиться в описании услуги в списке услуг.

Чтобы отобразить необходимое свойство на детальной странице услуг, перейдите на вкладку «Настройки детального просмотра». Выберите необходимые характеристики, зажав клавишу ctrl. Сохраните изменения. Теперь необходимое свойство отобразиться на детальной странице услуг.

Описание курса

назадУправление расположением блоков и табов на странице услуг Дополнительные настройки раздела «Услуги»вперед

Дополнительные настройки раздела «Услуги»

Для отображения элементов раздела «Услуги» есть дополнительные настройки: отображение вложенных элементов, подразделов и описания.

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

На вкладке «Настройки списка» для настройки отображения элементов в разделах услуг доступны следующие поля:

  1. Скрывать ссылку, если нет детального описания.
  2. Отображать ссылку на детальную страницу.
  3. Показывать описание разделов — настройка распространяется также на корень услуг.
  4. Показывать описание текущего раздела в списке элементов.
  5. Отображать раздел у элементов в списке.
  6. Показывать элементы подразделов раздела — настройка распространяется также на корень услуг.
  7. Показывать вложенные подразделы — настройка распространяется также на корень услуг.
  8. Показывать вложенные элементы — настройка распространяется также на корень услуг.
  9. Показывать вложенные элементы только если у раздела нет вложенных подразделов — настройка распространяется также на корень услуг.

Сохраните изменения.

Описание курса

назадНастройки пользовательских характеристик Основные разделывперед

Полная версия курса: Аспро: Корпоративный сайт 3.0 в базе знаний Аспро. Вопросы по внедрению, настройке или обновлению решения — свяжитесь со мной.

📞 +7 (906) 311-77-69 · ✉ hello@automata.sale · 💬 Telegram: @automatasale · 🌐 automata.sale

ИП Урядов Евгений Евгеньевич · ИНН 645112058391 · ОГРНИП 312645301900058
Работаем по России, Беларуси и Казахстану

Темы статьи:

#Аспро#1С-Битрикс#Документация

Работаю удалённо — цены и условия для вашего города:

ЕкатеринбургКазаньКраснодарКрасноярскМинскМоскваНижний НовгородНовосибирскСамараСанкт-ПетербургУфаВоронеж все регионы →

Рекомендуем прочитать

Курсы

Аспро: Корпоративный сайт 3.0 — документация, часть 1 из 7: Редакции

Документация решения «Аспро: Корпоративный сайт 3.0», часть 1 из 7: Редакции. Официальный курс базы знаний Аспро. Уроков в курсе: 432.

#Аспро · #1С-Битрикс · #Документация

Курсы

Аспро: Корпоративный сайт 3.0 — документация, часть 2 из 7: Общие настройки решения

Документация решения «Аспро: Корпоративный сайт 3.0», часть 2 из 7: Общие настройки решения. Официальный курс базы знаний Аспро.

#Аспро · #1С-Битрикс · #Документация

Курсы

Аспро: Корпоративный сайт 3.0 — документация, часть 3 из 7: Главная страница

Документация решения «Аспро: Корпоративный сайт 3.0», часть 3 из 7: Главная страница. Официальный курс базы знаний Аспро.

#Аспро · #1С-Битрикс · #Документация