Для чего нужна модификация
Подойдёт для раздела услуг: на большом экране можно показать несколько предложений в ряд, на узком оставить одну колонку. Сетка получает отдельные настройки для пяти диапазонов ширины. Карточки сохраняют свой порядок, изображения, тексты и ссылки.
Режим выделенной первой карточки помогает акцентировать главное предложение. Она занимает две колонки, когда ширина и выбранная сетка позволяют это сделать. Выравнивание высоты действует внутри каждого ряда, поэтому короткие и длинные описания выглядят аккуратнее без одинаковой высоты всех рядов.
Как установить
- Добавьте CL49, TE220, SV402 или TM102 и заполните содержимое средствами Tilda.
- Отключите Autoscale у подключаемого блока. Назначьте класс uc-aw-grid; при готовом префиксе uc- введите aw-grid.
- Настройте сетку в конструкторе. Скопируйте код установки целиком в один T123 после карточек.
- Опубликуйте страницу и проверьте переносы текста, кадрирование фотографий, кнопки и ширину каждого ряда.
Что можно настроить
Меняются количество колонок, горизонтальные и вертикальные интервалы для пяти диапазонов, максимальная ширина, внешние отступы, палитра, скругление и внутренние поля. Есть выделение первой карточки, выравнивание высоты и кнопок. Последнее применяется только к TE220 и SV402.
Совместимость и ограничения
Диапазоны рассчитываются по ширине содержимого сетки, а не окна браузера. У выделенной первой карточки TE220, SV402 и TM102 изображение кадрируется в 16:9. Проверены только четыре перечисленных блока; магазин, слайдеры, CMS и Zero Block не поддержаны. После программного изменения состава карточек нужен refresh().
Что проверено
Все четыре блока проверены на опубликованной странице при окне 501 px и в узких контейнерах 345–360 px без горизонтального переполнения. Работа с включённым Autoscale не подтверждена.
