История изменений Adx CMS

История улучшений и расширений функций, исправлений и апгрейдов в движке сайта Adx CMS.

 

2020-08-05. Видимость медиаблоков по времени

Задача:

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

Решение:

Добавляем возможность менять видимость для медиаблоков.

  1. Редактирование свойств блока, добавляем переключатель «Видимость», значения: Всегда или Период. Если выбран Период, то есть возможность указать период видимости блока.
  2. При выводе учитываем значения видимости. Блоки, которые недоступны — не выводим.

Статус:

Готово. Доступно на сайтах конструктора.

2020-01-17. Оформление медиаблоков, фоны и вывод на всю ширину

Задача:

  1. Выводить медиаблоки на всю ширину экрана. Полезно для медиа-объектов — картинок, карт или интегрированных компонентов.
  2. Возможность выводить блоки на цветном фоне.

Решение:

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

Дополнительно:

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

Статус:

Готово. Доступно на сайтах конструктора.

2020-01-21. Медиаблок «Карта»

Карта Яндекс

Карта Google

2020-01-17. Изменения в выводе медиблока «Галерея»

Проблема:

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

Что сделано:

Проанализировали, какие разрешения для картинок галереи мы генерируем в зависимости от условий:

  • пейзажная или портретная ориентация картинки;
  • в каких границах выводится блок: на всю ширину браузера, по ширине 3/4 рабочей области, на всю ширину рабочей области сайта;
  • на каких устройствах это выводится.

Получилась такая таблица:

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

На этапе верстки сформировали модный тег picture, залили, проверили. Работает.

Дополнительно:

Улучшили предпросмотр галереи в CMS.

Статус:

Сделано, доступно на сайтах конструктора.

2019-11-26. Изменения в выводе медиаблока «Галерея»

Запрос:

  1. Адаптировать вывод галереи картинок под свежие требования SEO.
  2. Упростить интерфейс редактирования атрибутов title и alt картинок в галерее.

Что сделано:

  1. Добавлена возможность выводить медиаблок «Галерея» слайдером или плиткой.
  2. Добавлена возможность указания пропорций плитки при выводе плиткой: пейзаж или портрет.
  3. Изменен интерфейс редактирования галереи, в списке теперь правится title.
  4. Добавлен вывод title картинки в лайтбоксе, при выводе галереи плиткой.
  5. Если alt не заполнен, используется значение title для атрибута alt.
  6. Изменен вывод галереи плиткой на узких экранах.
  7. Приведен к общему внешнему виду вывод подписей к картинкам в галерее «плиткой».
  8. Исправлен вывод заголовка галереи.
  9. Добавлена возможность выбора тега для заголовка галереи.
  10. Добавлена возможность ввода текста описания, следующего после галереи.

Статус:

Сделано, доступно на сайтах конструктора.

Пример вывода галереи плиткой:

Пример описания галереи: набор красивых картинок с Unisplash из раздела Wallpapers.

Пример вывода галереи слайдером:

2019-10-01. Навигация в виде «Дерева» в правой колонке

Было:

На сайтах конструктора всегда создавалось три навигационных меню: Главное (оно же верхнее), Нижнее и Дополнительное. Главное отображало навигацию в верхней части сайта. Нижнее — в подвале сайта. Дополнительное использовалось для набора ссылок, которые надо отображать на большом количестве страниц сайта.

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

Запрос:

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

Решение:

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

Статус:

Сделано, доступно на сайтах конструктора.

Текущий интерфейс редактирования настроек сайдбара

2019-09-26. Поле для выбора значений с автозаполнением

Проблема:

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

Но в задачах автоматизации справочники часто содержат большое количество значений, например, «Юрлица». Выбирать в выпадающем списке из сотен значений — неудобно.

Решение:

Добавить в конструкторе вид поля «Автозаполнение». При генерации такого поля в форме редактирования объекта в CMS будет текстовое поле, ожидающее ввода нескольких, минимум двух, символов. При вводе будут найдены все значения, содержащие эти символы. Пользователь выбирает одно значение.

Дополнительно:

Возможность использовать это поле в режиме «обычного», ручного программирования форм.

Статус:

Сделано, доступно на сайтах конструктора и в стандартной библиотеке. 

2019-09-23. Короткие ссылки и UTM-метки

Дано:

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

Решение:

На каждом сайте добавить в админку модуль «Короткие ссылки», с возможностью генерировать любое количество коротких ссылок на любую страницу сайта или внешнюю ссылку. Считать все посещения по коротким ссылкам для отслеживания эффективности их размещения и контроля внешних счетчиков, как Яндекс.Метрика и Google Analytics.

Дополнительно:

  1. Удобный интерфейс по заданию utm-меток при генерации короткой ссылки.
  2. Возможность задавать содержание короткой ссылки вручную — более красивые ссылки, удобно диктовать.
  3. Возможность генерации и публикации QR-кода короткой ссылки.

Статус:

Сделано, доступно на сайтах конструктора.

2019-09-19. Адаптивное отображение медиаблоков

Дано:

Редакторам сайтов требуется скрывать или показывать какую-то информацию в зависимости от того, на каком устройстве пользователь смотрит страницу. Например, на широком экране можно вывести подробную таблицу, а на мобильном — краткую.

Решение:

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

Реализация:

  1. Задаем по умолчанию диапазоны от Bulma: mobile, tablet, desktop, widescreen, fullhd.
  2. В каждом проекте верстальщик адаптирует набор диапазонов.

Статус:

Готово. Доступно на сайтах конструктора.

Пример:

Этот блок выводится только на десктопе.

Под этим блоком существует скрытый блок — только для мобильной версии. Вы можете его увидеть, нажав F12, и выбрав тип устройства (Ctrl+Shift+M).

Пример:

Этот блок выводится только на мобильной версии. Блок десктопной версии теперь скрыт.

2019-09-17. Переписка менеджера и покупателя на странице заказа

Описание:

На странице заказа покупатель может отправить сообщение менеджеру. Менеджер в CMS может ответить. Новые сообщения подсвечиваются в CMS / Заказы, также отправляется эл. письмо получателю сообщения.

Статус:

Готово. Доступно в конструкторе.

2019-09-13. Медиаблок «Видео». Облегчать тяжелые скрипты плеера.

Проблема:

При вставке видео с YouTube / Vimeo в тело страницы вставляется iframe, который подгружает кучу скриптов, стилей и пр. Время загрузки страницы увеличивается. Оценка скорости загрузки страницы поисковиками — ухудшается.

Решение:

Скачивать с видео-сервиса «Заглавную» картинку (первый кадр или установленную пользователем), добавить немного скриптов для отображения кнопки «играй» и не грузить iframe / скрипты сервиса сразу на страницу.

Дополнительно:

Улучшен предпросмотр блока в CMS.

Статус:

Готово. Доступно в конструкторе и на сайте. 

2019-09-12. Новый медиаблок «Текст с иконкой»

Описание:

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

Пример смотрите здесь.

Статус:

Готово. Доступно в конструкторе и на сайте.