Misea
Pro

Блоки Текст, Изображение, Галерея

Markdown-редактор с жирным/курсивом/переносами, спецварианты (часы работы, скидки), галерея-список.

Блоки Текст, Изображение, Галерея

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

Блок Текст

Вставляет абзац с форматированием. В центре preview — двойной клик → открывается inline-редактор с markdown-подсветкой.

Поддерживается

  • Жирный — **текст**.
  • Курсив — *текст*.
  • Ссылка — [текст](url).
  • Заголовки — ## (h2), ### (h3).
  • Списки — - или 1. .
  • Переносы строк — два пробела в конце строки.

Варианты текста

В редакторе справа → Тип:

  • Обычный абзац — стандартный body-текст.
  • Заголовок секции — крупный, центрированный, для разделителя.
  • Часы работы — автоматически подтягиваются из /settings → Часы работы по локации. Не придётся дублировать вручную.
  • Скидка-баннер — выделенный плашкой с цветом акцента. Для «−20 % до конца месяца».
  • Кастомный HTML — для продвинутых. Можно вставить свой <div> с inline-стилями. На свой страх и риск.

Блок Изображение

Одна картинка с подписью.

Настройки

  • Источник — из медиа-библиотеки или URL. Первый вариант предпочтительнее: изображения автоматически оптимизируются под формат WebP.
  • Подпись — текст под картинкой (опционально).
  • Alt-текст — для SEO и accessibility.
  • Ширина — на всю полосу / 80 % / 60 %.
  • Выравнивание — по центру / слева / справа.
  • Закруглённые углы — да / нет / радиус в px.
  • Clickable — если да, картинка кликабельная и ведёт на указанный URL (например, на страницу акции).

Формат

  • JPG / PNG / WebP / SVG / GIF.
  • Максимум 10 МБ на файл.
  • Рекомендуется: не более 2000 px по ширине (больше бессмысленно, только тормозит).

Блок Галерея

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

Макеты

  • Сетка — 2/3/4 колонки, одинаковый размер карточек.
  • Каменная кладка (masonry) — переменная высота карточек, смотрится живее.
  • Карусель — горизонтальный слайдер, свайп на мобильном.
  • Grid с hero-ячейкой — первая картинка крупная, остальные маленькие.

Загрузка

Перетащите сразу пачкой в окно загрузки (до 20 файлов). Порядок меняется drag-n-drop.

Включённый lightbox — клик по картинке открывает её в полный экран с навигацией влево/вправо. Хорошо для:

  • Интерьер заведения (6–12 кадров).
  • Меню в картинках (если вы акцентируете на фото-содержимом).
  • Фотографии с открытия / мероприятий.

Что использовать, если не знаю

  • Короткий текст (<100 слов, абзацы) → блок Текст.
  • Одна картинка-разделитель → блок Изображение.
  • Набор из 4+ фотографий → блок Галерея.
  • Часы работы → блок Текст с типом «Часы работы» (автоматически).
  • Информация «О нас» с фото и текстом рядом → два блока: один Изображение, второй Текст, разместить в одной строке через layout_variant.

Следующие шаги