Документация › Примеры настройки
Пример: Изображения
Четыре карточки с картинками над подписью и широкий блок текста под ними.
Структура пунктов
- ИзображениястраницаПодменю → Тип подменю: Мега-подменю · Подменю → Позиция: На всю ширину
- Байкал, Алтай, Камчатка, Карелияпроизвольные ссылкиИзображение → Картинка: из медиатеки · Изображение → Размер: Medium_large · Макет → Макет: Изображение сверху · Общее → Отображение: Заголовок · Макет → Ширина: 1/4
- [Свой контент]Пользовательский контенттекст по центру со ссылкой «Все направления →» · ширина: На всю ширину
Как собрать
- Пункт верхнего уровня — мегаподменю на всю ширину.
- Четыре дочерних пункта: на панели Изображение выберите картинку, размер Medium_large.
- Там же на панели Макет: «Макет элемента» — Изображение сверху, «Ширина колонок» — 1/4; на «Общем» — «Отображение элемента: Заголовок».
- Пятый пункт — «Пользовательский контент» шириной «На всю ширину»: он встанет новой строкой под карточками.
Вместо того чтобы задавать макет каждой карточке, поставьте родителю Подменю → Макет элемента подменю: Изображение сверху и «Колонки подменю по умолчанию: 1/4».
Другие варианты
- Картинка слева от текста — список с миниатюрами (см. Мегаменю).
- «Только изображение» — баннер без подписи.
- Скругление и увеличение картинки при наведении — CSS-рецепт.