Misea
Pro

Блок Меню (каталог товаров)

Макеты сетка/список/карточки, карточек в ряд, slider категорий, что прятать-показывать. Главный блок любой витрины.

Блок Меню (каталог товаров)

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

Макеты

Три базовых варианта:

  1. Сетка — карточки блюд в колонках (обычно 2–4). Классический вариант, работает для 90 % заведений.
  2. Список — блюдо на всю ширину, фото слева, текст справа. Подходит для длинных описаний и ресторанов с небольшим меню (10–20 позиций).
  3. Карточки-плитка — как сетка, но с увеличенными первыми карточками (feature). Используется для хайлайта сезонных блюд.

Карточек в ряд

Сетка → регулируется ползунком 1–6. На десктопе:

  • 4 — оптимально для кофеен с обширным меню (40+ позиций).
  • 3 — сбалансированно, популярный выбор.
  • 2 — крупные карточки, еда крупным планом — для авторской кухни.

На мобильном автоматически перестраивается:

  • 1 ряд (если в десктопе было 2–3).
  • 2 ряда (если в десктопе было 4–6).

Что показывать на карточке

Галочками в редакторе:

  • ✅ Фото — практически всегда да.
  • ✅ Название — обязательно.
  • ✅ Цена — обязательно.
  • ☑ Описание — если оно короткое (до 40 символов), стоит. Длинное лучше прятать.
  • ☑ Вес — для столовых и ресторанов с грамовками.
  • ☑ Категория (ярлык) — полезно, если каталог длинный и смешанный.
  • ☑ Модификаторы-иконки (молоко / острота) — визуально перегружают, оставьте для витрин на модификациях.
  • ☑ Счётчик количества в карточке (вместо модалки) — ускоряет заказ опытному гостю.

Слайдер категорий

Вверху блока — горизонтальная прокрутка с категориями меню.

Опции:

  • Показывать / скрывать — если категорий мало (2–3), можно убрать.
  • Fixed при скролле — закрепляется сверху, гость всегда видит, в какой он категории.
  • Только ярлыки / ярлыки + иконки — визуальный стиль.

Фильтр по категориям

Опционально. Если включён:

  • Гость видит сверху список категорий как фильтр.
  • Клик на категорию → показываются только её блюда.
  • Можно комбинировать с поиском по названию.

Полезно для витрин с 60+ позициями. Для маленьких меню (< 30) — лишнее.

Ленивая загрузка

На больших каталогах (100+ блюд) включите Ленивая загрузка — блюда подгружаются порциями по 20 при скролле. Скорость первой отрисовки страницы ×3.

Как блюдо попадает в витрину

  • Блюдо создано в /products.
  • Статус Активно.
  • Привязано к активной категории.
  • Остаток > 0, если включена галочка «скрывать при 0».

Если блюдо не появляется — проверьте эти 4 условия.

Корзина

Корзина — это отдельный блок Cart, его часто не нужно добавлять вручную: блок Меню сам прикрепляет нижнюю полосу «Корзина • N товаров» при первом добавлении. Но если вы сделаете multi-page сайт (меню отдельно, корзина отдельно), настраивается через Cart-блок.

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