АВН: Список автомобилей 2.0

Этаж, выводящий на странице витрину АВН или АСП.
Вероятнее всего, вам не придется настраивать этот этаж, когда вы впервые подключите модуль АВН/АСП на своем сайте, но возможны ситуации, когда вам может потребоваться внести изменения на страницах с витриной, либо создать похожую на нее страницу.

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

Рассмотрим перечень настроек внутри этажа:

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

Количество авто на странице — значение по умолчанию 18. Определяется сколько карточек автомобиля будет загружаться вместе с этажом. Остальные карточки будут подгружаться автоматически по мере пролистывания страницы вниз.

Настройки отображения — сначала последние добавленные/по возрастанию цены/по убыванию цены — одно из трех указаных значений. Определяет порядок появления карточек на витрине.

Группировать похожие автомобили — по городу/по дилерам/не группировать — одно из трех значений. Если на сайте представлено несколько дилерских центров, то первые два варианта значений смогут работать. Идентичные автомобили, представленные в разных городах/дилерских центрах будут отображаться как одна карточка, но с указанием количества таких автомобилей.

Текст на кнопке ‘сбросить фильтр’ — значение по умолчанию «Очистить фильтр», но вы можете установить любое другое. Кнопка, сбрасывающая все выбранные параметры в фильтре, нажатие на нее показывает все автомобили, которые представлены на витрине. Находится в нижней части бокового фильтра.

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

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

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

Показывать верхний фильтр на мобильной версии — да/нет. Наличие галочки в этом пункте выведет верхний фильтр и на мобильной версии витрины (по умолчанию фильтр отсутствует).

Открывать детальные страницы в новой вкладке — да/нет. Изначально детальные страницы открываются в той же вкладке, галочка в этом пункте изменит такое поведение на открытие в новом окне.

Максимальное значение количества авто в панели фильтра (500+) — данная настройка важна, если на вашей витрине представлено больше 500 автомобилей. Позволяет указать цифру, после которой будет выводиться обобщенное значение:


Текст для авто без цены — значение по умолчанию «Узнать цену». Отображается на карточке автомобиля. Можно задать любое другое значение взамен этого:


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

Валюта — ₽ (Российский рубль), $ (Доллар США), € (Евро), £ (Фунт стерлингов Великобритании), BYN (Белорусский рубль), KZT (Казахский тенге) — одно из указанных значений. Определяет, в какой валюте переданы в фиде значения цен.

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

Количество фото на карточке авто в списке — значение по умолчанию 5.

Выводить текст «Ещё фото», когда фотографий больше, чем можно — да/нет

Сортировка изображений — сначала стоковые/сначала дилерские — одно из двух значений. Определяет, какие фотографии будут выводиться на карточках автомобилей первыми. Работает только в случаях, когда в настройке «Показывать изображения» установлено значение «все».
Формат изображения — 16:9 / 4:3 — одно из двух значений. Устанавливает соотношение сторон для изображений, отображаемых на карточках автомобилей:

Способ заполнения изображения — cover/contain — одно из двух значений. Определяет поведение изображения, если оно отличается от пропорций, указанных в предыдущем пункте. Cover — масштабирует изображение как можно больше c сохранением пропорций изображения (изображение не становится сплющенным). Contain — масштабирует картинку так, чтобы она максимально накрыла собой весь блок. Картинка при этом не обрезается, а вписывается в блок с сохранением пропорций.

Показывать только итоговую цену — да/нет. Если в фиде переданы две цены для автомобиля (Цена и Специальная цена), определяет будет ли выводиться только меньшая из цен, либо обе (но большая цена будет перечеркнута).

Показывать выбор города — да/нет — если установлена галочка, то над верхним фильтром появляется выбор города. Работает только при наличии нескольких дилерских центров в разных городах.

Скрыть заголовки в верхнем фильтре — да/нет — скрывает заданные в настройках верхнего фильтра названия позиций:

Скрыть разводящую панель — да/нет — полностью убирает верхний фильтр.

Скрыть кредитный фильтр — да/нет. Убирает с верхней части витрины кредитный фильтр:

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

Выводить цену с ‘от и до’ — да/нет — позволяет изменить внешний вид цены автомобиля (см. следующий пункт):


Зачеркнуть цену — да/нет — если присутствует Цена и Специальная цена для этого автомобиля, определяет внешний вид отображаемых значений:

Показать кнопку ‘Подробнее о цене’ — да/нет — отображает дополнительное поле, открывающее Smart Contract:

Фон верхнего фильтра — отсутствует/серый — позволяет изменить цвет верхнего фильтра (он может отличаться от цвета самого этажа АВН)

Выключить trade-in — да/нет — отключает поле trade-in, расположенное в верхней части витрины:

Показывать иконку видео — да/нет. Если к вашему автомобилю в фиде передается видео, то можно вывести отображение иконки на карточке автомобиля:

Скрыть фильтр по комплектациям — да/нет
Скрыть фильтр по коробке передач — да/нет
Скрыть фильтр по приводу — да/нет
Группа настроек, позволяющая определить выводить или нет определенные секции бокового фильтра. Обратите внимание, что эти секции могут и вовсе не появиться, если у вас в фиде присутствуют автомобили только с одинаковым параметром. Например, если у вас представлены все автомобили с автоматической коробкой передач, то такая секция в любом случае не появится в боковом фильтре.


Заменить название фильтра ‘Кузов’ — да/нет — активирует следующую настройку, позволяющую заменить текст в секции фильтра «Кузов». Чаще всего используется, если на витрине размещаются не автомобили, а иные транспортные средства.

Текст фильтра ‘Кузов’ — тот текст, который будет заменять слово «кузов» в фильтре

Настройки фильтра #

Показывать только — новые/с пробегом — одно из возможных значений. Определяет какой это будет витрина — АВН или АСП.

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

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

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

С чем работать фильтру? — с рестайлингами/с моделями — выбор в этом поле стоит осуществлять от того, указаны ли в фиде поколения и рестайлинги (чаще всего это фиды формата Авто.ру) либо модели без разделения на поколения (чаще всего xls фиды для АСП).

Тип цвета кузова в боковом фильтре — базовый/маркетинговый. С настройкой «базовый» цвета в боковом фильтре будут выглядеть так: «белый, синий, красный», либо отображены будут маркетинговые цвета «Синий Фитоник, Синий Бру-Ридж, Серый Минерал, Серый Шторм Бей».


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

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


Отображать секции фильтра в закрытом виде на десктопе — да/нет
Отображать секции фильтра в закрытом виде на мобильной версии — да/нет
Эти две настройки определяют, будет ли раскрыта группа фильтров (в боковом фильтре) при открытии витрины на десктопе и мобильных устройствах.

Фильтр с табами #

Фильтр с табами — выпадающий список, сформированный из заведенных на на мастер сайте/на этом сайте фильтрах. Речь о верхнем фильтре. Если не выбрать никакой фильтр (может быть и такое, что они еще не заведены), то для мультибрендовых витрин (например, АСП) будет выведен верхний фильтр по брендам, представленных на витрине.

Настройки для Смарт-контракта #

Текст дисклеймера ‘Подробнее о цене’ при итоговой расчетной цене — поле для ввода текста. Отвечает за то, какое сообщение будет выводиться при наведении курсора на миниатюру подсказки ( i ) если ранее уже были выбраны какие-либо дополнительные условия в Смарт Контракте, влияющие на итоговую цену. На снимке экрана ниже рассчитан трейд-ин, например.


Текст дисклеймера ‘Подробнее о цене’ — поле для ввода текста. Отвечает за то, какое сообщение будет выводиться при наведении курсора на миниатюру подсказки
( i )

Текст ‘Трейд-ин’
Текст ‘Выберите дилера’
Текст ‘Выберите дилера’
Текст ‘Выгода до’
Текст ‘Выгода:’
Текст ‘Цена автомобиля’
Текст ‘Выгода за Трейд-ин’
Текст ‘Выгода за Кредит’
Текст ‘Стоимость автомобиля’
Текст ‘Кредит на сумму’
Текст ‘Первоначальный взнос’
Текст ‘Ежемесячный платеж’
Текст ‘Остаточный платеж’
Текст ‘Ваш автомобиль Трейд-ин’
Текст ‘Итого к оплате’
Текст ‘Доплата от дилера’
Текст ‘Сохранить условия’
Текст ‘Онлайн предоплата’
Текст ‘Автоматическая оценка невозможна’
Текст ‘Открыть кредитный калькулятор’
Текст ‘Оценить онлайн’
Текст ‘Бесплатно'(при наценке на доп. опцию равной 0)
CTA дилер-локатора на витрине без раскрытого смарт-контракта
Текст ‘Первоначальный взнос’

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

Плейсхолдеры #

Группа настроек, позволяющая изменить часть текстовой информации на этаже. Сами плейсхолдеры представляют собой некоторые переменные, которые могут быть разными на каждой из карточек. Например, модель, год выпуска, количество лошадиных сил. Эти данные для каждого автомобиля могут быть разными. Их можно дополнять обычным текстом. Например:

Все, что подчеркнуто на карточке автомобиля, является неизменяемыми текстовыми значениями. Все сделано так, что бы можете комбинировать данные из переменных с обычным текстом. Например, когда мы говорим про год выпуска автомобиля, мы понимаем, что у каждого автомобиля он разный (значит, сам год должен быть представлен в виде переменной), но обычно мы используем помимо года еще приписку » г.». Ее необходимо размещать в виде обычного текста. В настройках этажа это бы выглядело так:


Название модели на карточке — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля):

Название модели в фильтре — позволяет редактировать поле, отмеченное на снимке экрана (боковой фильтр):

Год — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля):


VIN/ID — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля):


Двигатель — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля):

Коробка передач — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля):

Расход топлива — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля):


Привод — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля):

Ускорение — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля):


Пробег — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля). Используется преимущественно для автомобилей с пробегом:

Кол-во владельцев — позволяет редактировать поле, отмеченное на снимке экрана (карточка автомобиля). Используется преимущественно для автомобилей с пробегом:


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

  1. ${car.external_id} — Внешний код автомобиля (данные из выгрузки)
  2. ${car.price} — Цена автомобиля (данные из выгрузки)
  3. ${car.price_with_discounts} — Цена автомобиля со скидками (данные из выгрузки), в случае если 0, то значение будет равно ${car.price}
  4. ${car.vin} — VIN номер автомобиля (данные из выгрузки)
  5. ${car.year} — Год выпуска автомобиля (данные из выгрузки)
  6. ${car.engine.result} — Строка с описанием двигателя, в формате `Объём двигателя л., Мощность двигателя л.с., Мощность двигателя квт/ч, Тип топлива`
  7. ${car.engine.volume} — Объём двигателя в литрах
  8. ${car.engine.power.horse_power} — Мощность двигателя в л.с.
  9. ${car.engine.power.kilowatts_per_hours} — Мощность двигателя квт/ч
  10. ${car.specifications.fuel_composite.value} — Расход топлива (смешанный)
  11. ${car.transmission} — Строка с описанием коробки передач, в формате `Название коробки передач Количество передач`
  12. ${car.wheel_drive} — Строка с описанием привода, в формате `Название привода привод`
  13. ${car.vin_hidden} — VIN номер автомобиля, со скрытыми символами 9 и с 12 по 16 (данные из выгрузки)
  14. ${car.fuel_type} — Тип топлива
  15. ${car.brand_name} — Название бренда автомобиля
  16. ${car.model_name} — Название модели автомобиля
  17. ${car.owners} — Количество владельцев (Например — 2)
  18. ${car.mileage} км — Пробег
  19. ${car.marketing_complectation_name} — Маркетинговое название марк. комплектации
  20. ${car.complectation_name} — Название комплектации автомобиля
  21. ${car.restyling_marketing_name} — Маркетинговое название рестайлинга
  22. ${car.upper_brand} — Название бренда автомобиля заглавными буквами
  23. ${car.upper_model} — Название модели автомобиля заглавными буквами
  24. ${car.upper_complectation} — Название комплектации автомобиля заглавными буквами
  25. ${car.upper_marketing_complectation} — Маркетинговое название марк. комплектации заглавными буквами
  26. ${car.marketing_color} — Название маркетингового цвета кузова
  27. ${car.base_color} — Название базового цвета
  28. ${car.marketing_complectation_name_or_brand_model_name} — При наличии МК — выводит Бренд + марк. название МК на карточку автомобиля. При отсутствии МК — бренд + название модели.
  29. ${car.specifications.road_performance_acceleration_100.full} — Ускорение 
  30. ${car.engine.volume_cubic_centimeter} — объем двигателя в см3