[{"data":1,"prerenderedAt":563},["ShallowReactive",2],{"docs-article-\u002Fdocs\u002Fsite-builder\u002Fmenu-block":3,"docs-all":310},{"id":4,"title":5,"body":6,"category":298,"categoryLabel":299,"description":300,"extension":301,"meta":302,"navigation":303,"order":304,"path":305,"pro":303,"seo":306,"stem":307,"updated":308,"__hash__":309},"docs\u002Fdocs\u002Fsite-builder\u002Fmenu-block.md","Блок Меню (каталог товаров)",{"type":7,"value":8,"toc":285},"minimark",[9,13,22,27,30,53,57,64,85,88,96,100,103,154,158,161,164,184,188,191,202,205,209,215,219,243,246,250,261,265],[10,11,5],"h1",{"id":12},"блок-меню-каталог-товаров",[14,15,16,17,21],"p",{},"Блок, ради которого обычно и собирают витрину. Показывает ваши блюда из ",[18,19,20],"code",{},"\u002Fproducts",", позволяет гостю добавить их в корзину и оформить заказ.",[23,24,26],"h2",{"id":25},"макеты","Макеты",[14,28,29],{},"Три базовых варианта:",[31,32,33,41,47],"ol",{},[34,35,36,40],"li",{},[37,38,39],"strong",{},"Сетка"," — карточки блюд в колонках (обычно 2–4). Классический вариант, работает для 90 % заведений.",[34,42,43,46],{},[37,44,45],{},"Список"," — блюдо на всю ширину, фото слева, текст справа. Подходит для длинных описаний и ресторанов с небольшим меню (10–20 позиций).",[34,48,49,52],{},[37,50,51],{},"Карточки-плитка"," — как сетка, но с увеличенными первыми карточками (feature). Используется для хайлайта сезонных блюд.",[23,54,56],{"id":55},"карточек-в-ряд","Карточек в ряд",[14,58,59,60,63],{},"Сетка → регулируется ползунком ",[37,61,62],{},"1–6",". На десктопе:",[65,66,67,73,79],"ul",{},[34,68,69,72],{},[37,70,71],{},"4"," — оптимально для кофеен с обширным меню (40+ позиций).",[34,74,75,78],{},[37,76,77],{},"3"," — сбалансированно, популярный выбор.",[34,80,81,84],{},[37,82,83],{},"2"," — крупные карточки, еда крупным планом — для авторской кухни.",[14,86,87],{},"На мобильном автоматически перестраивается:",[65,89,90,93],{},[34,91,92],{},"1 ряд (если в десктопе было 2–3).",[34,94,95],{},"2 ряда (если в десктопе было 4–6).",[23,97,99],{"id":98},"что-показывать-на-карточке","Что показывать на карточке",[14,101,102],{},"Галочками в редакторе:",[65,104,105,112,118,123,130,136,142,148],{},[34,106,107,108,111],{},"✅ ",[37,109,110],{},"Фото"," — практически всегда да.",[34,113,107,114,117],{},[37,115,116],{},"Название"," — обязательно.",[34,119,107,120,117],{},[37,121,122],{},"Цена",[34,124,125,126,129],{},"☑ ",[37,127,128],{},"Описание"," — если оно короткое (до 40 символов), стоит. Длинное лучше прятать.",[34,131,125,132,135],{},[37,133,134],{},"Вес"," — для столовых и ресторанов с грамовками.",[34,137,125,138,141],{},[37,139,140],{},"Категория"," (ярлык) — полезно, если каталог длинный и смешанный.",[34,143,125,144,147],{},[37,145,146],{},"Модификаторы-иконки"," (молоко \u002F острота) — визуально перегружают, оставьте для витрин на модификациях.",[34,149,125,150,153],{},[37,151,152],{},"Счётчик количества"," в карточке (вместо модалки) — ускоряет заказ опытному гостю.",[23,155,157],{"id":156},"слайдер-категорий","Слайдер категорий",[14,159,160],{},"Вверху блока — горизонтальная прокрутка с категориями меню.",[14,162,163],{},"Опции:",[65,165,166,172,178],{},[34,167,168,171],{},[37,169,170],{},"Показывать \u002F скрывать"," — если категорий мало (2–3), можно убрать.",[34,173,174,177],{},[37,175,176],{},"Fixed при скролле"," — закрепляется сверху, гость всегда видит, в какой он категории.",[34,179,180,183],{},[37,181,182],{},"Только ярлыки \u002F ярлыки + иконки"," — визуальный стиль.",[23,185,187],{"id":186},"фильтр-по-категориям","Фильтр по категориям",[14,189,190],{},"Опционально. Если включён:",[65,192,193,196,199],{},[34,194,195],{},"Гость видит сверху список категорий как фильтр.",[34,197,198],{},"Клик на категорию → показываются только её блюда.",[34,200,201],{},"Можно комбинировать с поиском по названию.",[14,203,204],{},"Полезно для витрин с 60+ позициями. Для маленьких меню (\u003C 30) — лишнее.",[23,206,208],{"id":207},"ленивая-загрузка","Ленивая загрузка",[14,210,211,212,214],{},"На больших каталогах (100+ блюд) включите ",[37,213,208],{}," — блюда подгружаются порциями по 20 при скролле. Скорость первой отрисовки страницы ×3.",[23,216,218],{"id":217},"как-блюдо-попадает-в-витрину","Как блюдо попадает в витрину",[65,220,221,231,237,240],{},[34,222,223,224,230],{},"Блюдо создано в ",[225,226,20],"a",{"href":227,"rel":228},"https:\u002F\u002Fadmin.misea.ru\u002Fproducts",[229],"nofollow",".",[34,232,233,234,230],{},"Статус ",[37,235,236],{},"Активно",[34,238,239],{},"Привязано к активной категории.",[34,241,242],{},"Остаток > 0, если включена галочка «скрывать при 0».",[14,244,245],{},"Если блюдо не появляется — проверьте эти 4 условия.",[23,247,249],{"id":248},"корзина","Корзина",[14,251,252,253,256,257,260],{},"Корзина — это отдельный ",[37,254,255],{},"блок Cart",", его часто не нужно добавлять вручную: блок ",[37,258,259],{},"Меню"," сам прикрепляет нижнюю полосу «Корзина • N товаров» при первом добавлении. Но если вы сделаете multi-page сайт (меню отдельно, корзина отдельно), настраивается через Cart-блок.",[23,262,264],{"id":263},"следующие-шаги","Следующие шаги",[65,266,267,273,279],{},[34,268,269,230],{},[225,270,272],{"href":271},"\u002Fdocs\u002Fsite-builder\u002Fhero-block","Блок Hero",[34,274,275,230],{},[225,276,278],{"href":277},"\u002Fdocs\u002Fsite-builder\u002Ftext-image-gallery","Блоки Текст, Изображение, Галерея",[34,280,281,230],{},[225,282,284],{"href":283},"\u002Fdocs\u002Fsite-builder\u002Fservice-blocks","Карточка товара, Кнопка заказа, служебные блоки",{"title":286,"searchDepth":287,"depth":287,"links":288},"",2,[289,290,291,292,293,294,295,296,297],{"id":25,"depth":287,"text":26},{"id":55,"depth":287,"text":56},{"id":98,"depth":287,"text":99},{"id":156,"depth":287,"text":157},{"id":186,"depth":287,"text":187},{"id":207,"depth":287,"text":208},{"id":217,"depth":287,"text":218},{"id":248,"depth":287,"text":249},{"id":263,"depth":287,"text":264},"site-builder",null,"Макеты сетка\u002Fсписок\u002Fкарточки, карточек в ряд, slider категорий, что прятать-показывать. Главный блок любой витрины.","md",{},true,6,"\u002Fdocs\u002Fsite-builder\u002Fmenu-block",{"title":5,"description":300},"docs\u002Fsite-builder\u002Fmenu-block","2026-04-23","qF9setali1XkAwJy8xrm_Ad9XyUtrgrPwpFiiK7uPR8",[311,316,322,328,333,338,343,348,353,358,363,367,371,376,380,384,388,393,398,402,406,410,414,418,422,426,431,435,439,443,447,451,455,460,464,468,471,472,475,480,485,489,494,499,504,509,514,519,524,529,534,539,542,545,548,551,554,557,560],{"path":312,"title":313,"description":314,"category":298,"order":315,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Ffrom-scratch","С нуля: витрина от и до","Полный сквозной маршрут по конструктору — от пустого шаблона до опубликованной витрины с каталогом, фирменным стилем, мобильной версией, QR-кодом и собственным доменом.",0,{"path":317,"title":318,"description":319,"category":320,"order":321,"pro":303},"\u002Fdocs\u002Fanalytics\u002Frevenue-average-check","Выручка и средний чек","\u002Freports — метрики выручки и ср. чека, графики по времени, сравнение периодов, Free vs Pro.","analytics",1,{"path":323,"title":324,"description":325,"category":326,"order":321,"pro":327},"\u002Fdocs\u002Fcatalog\u002Fadd-dish","Как добавить блюдо в меню","Пошагово — фото, цена, категория, модификаторы и опции. Что важно, а что можно пропустить.","catalog",false,{"path":329,"title":330,"description":331,"category":332,"order":321,"pro":303},"\u002Fdocs\u002Fdelivery\u002Fenable-delivery","Включить доставку и зоны","Настройка доставки, выбор между списком зон и полигонами на карте, минимальная сумма.","delivery",{"path":334,"title":335,"description":336,"category":337,"order":321,"pro":327},"\u002Fdocs\u002Ffaq\u002Ftroubleshooting","Чеклист — частые проблемы и как их решить","Не приходят заказы, не открывается QR-меню, гость не видит блюдо — 10 типичных ситуаций с решениями.","faq",{"path":339,"title":340,"description":341,"category":342,"order":321,"pro":327},"\u002Fdocs\u002Fgetting-started\u002Ffirst-login","Первый вход и создание заведения","Как зарегистрироваться в admin.misea.ru, добавить юрлицо и создать первую локацию за 5 минут.","getting-started",{"path":344,"title":345,"description":346,"category":347,"order":321,"pro":303},"\u002Fdocs\u002Floyalty\u002Fbonuses-cashback","Бонусы и кешбэк","\u002Floyalty — настройка начисления бонусов, правила списания, процент, лимиты.","loyalty",{"path":349,"title":350,"description":351,"category":352,"order":321,"pro":327},"\u002Fdocs\u002Forders\u002Forders-feed","Как читать ленту заказов","Статусы, фильтры, звуковые уведомления, чтобы ничего не пропустить.","orders",{"path":354,"title":355,"description":356,"category":357,"order":321,"pro":327},"\u002Fdocs\u002Fqr-tables\u002Ftables-and-locations","Столы и локации","Разница между локацией и столом, как добавить новую точку или новый QR-стол, что меняется при нескольких филиалах.","qr-tables",{"path":359,"title":360,"description":361,"category":362,"order":287,"pro":327},"\u002Fdocs\u002Fbilling\u002Fhow-to-pay-pro","Как оплатить Pro","Шаги оплаты через YooKassa, промокоды (−10%\u002F−20%), ежемесячная vs годовая подписка, чек.","billing",{"path":364,"title":365,"description":366,"category":326,"order":287,"pro":327},"\u002Fdocs\u002Fcatalog\u002Fcategories","Категории и подкатегории меню","Как сгруппировать блюда, задать порядок, скрыть категорию или сделать её пустой-заглушкой.",{"path":368,"title":369,"description":370,"category":332,"order":287,"pro":303},"\u002Fdocs\u002Fdelivery\u002Fpolygon-zones","Полигональные зоны на Яндекс.Картах","Рисование зон доставки в виде многоугольников, JS API ключ, автоопределение зоны по адресу гостя.",{"path":372,"title":373,"description":374,"category":375,"order":287,"pro":327},"\u002Fdocs\u002Fintegrations\u002Fiiko-setup","iiko — подключение шаг-за-шагом","Получение credentials iikoCloud, ввод в Misea, первая синхронизация, выбор терминала.","integrations",{"path":377,"title":378,"description":379,"category":347,"order":287,"pro":303},"\u002Fdocs\u002Floyalty\u002Fcustomer-card","Карточка клиента","\u002Fcustomers — история заказов, средний чек, избранные блюда, персональные заметки.",{"path":381,"title":382,"description":383,"category":352,"order":287,"pro":327},"\u002Fdocs\u002Forders\u002Fcancel-refund","Отмена и возврат заказа","Когда отменять, а когда делать возврат в YooKassa. Полный vs частичный возврат, шаги, типовые кейсы.",{"path":385,"title":386,"description":387,"category":357,"order":287,"pro":327},"\u002Fdocs\u002Fqr-tables\u002Fqr-codes","Как сгенерировать и распечатать QR-коды","Где взять QR-код для стола, какой размер распечатать, куда клеить и что увидит гость после сканирования.",{"path":389,"title":390,"description":391,"category":392,"order":287,"pro":327},"\u002Fdocs\u002Fstaff-schedule\u002Fshift-schedule","График смен","\u002Fschedule — добавление, перенос, замена смен, календарный вид, шаблоны.","staff-schedule",{"path":394,"title":395,"description":396,"category":362,"order":397,"pro":327},"\u002Fdocs\u002Fbilling\u002Fpro-expiration","Что происходит после окончания оплаты Pro","Grace-period 3 дня, что отключается сразу, что сохраняется навсегда, как восстановить Pro.",3,{"path":399,"title":400,"description":401,"category":326,"order":397,"pro":327},"\u002Fdocs\u002Fcatalog\u002Fmodifiers","Модификаторы — размеры, молоко, добавки","Как настроить варианты блюда с доплатой (S\u002FM\u002FL, растительное молоко, двойная порция) через шаблоны модификаторов.",{"path":403,"title":404,"description":405,"category":332,"order":397,"pro":303},"\u002Fdocs\u002Fdelivery\u002Fcourier-module","Курьерский модуль","Назначение заказов курьеру, статусы, Telegram-бот курьера, маршрутизация.",{"path":407,"title":408,"description":409,"category":342,"order":397,"pro":327},"\u002Fdocs\u002Fgetting-started\u002Fadmin-overview","Обзор админ-панели за 3 минуты","Карта всех разделов админки Misea — что где лежит, с чего начинать, куда смотреть ежедневно.",{"path":411,"title":412,"description":413,"category":375,"order":397,"pro":327},"\u002Fdocs\u002Fintegrations\u002Fiiko-troubleshooting","iiko — типичные ошибки","401\u002F403, конфликты SKU, несинхронизованные позиции, дубли модификаторов, задержка остатков.",{"path":415,"title":416,"description":417,"category":352,"order":397,"pro":327},"\u002Fdocs\u002Forders\u002Ftelegram-notifications","Уведомления о заказах в Telegram","Как подключить бота к чату персонала, кому приходят уведомления, что настраивается.",{"path":419,"title":420,"description":421,"category":298,"order":397,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fdraft-vs-published","Черновик vs публикация","Что сохраняется локально, что на сервере, что видят гости. Как работает автосохранение и кнопка «Опубликовать».",{"path":423,"title":424,"description":425,"category":392,"order":397,"pro":327},"\u002Fdocs\u002Fstaff-schedule\u002Ftimesheet-fot","Табель и ФОТ","\u002Ftimesheet — автоматический учёт часов, надбавки, закрытие периода, расчёт зарплаты.",{"path":427,"title":428,"description":429,"category":362,"order":430,"pro":327},"\u002Fdocs\u002Fbilling\u002Frefunds-plan-change","Возврат средств и смена тарифа","Политика возвратов, как перейти с месяца на год (или наоборот), когда возврат невозможен.",4,{"path":432,"title":433,"description":434,"category":326,"order":430,"pro":327},"\u002Fdocs\u002Fcatalog\u002Foptions","Опции блюда — острота, прожарка, без чего","Когда нужна опция, а когда модификатор. Как настроить варианты без доплаты.",{"path":436,"title":437,"description":438,"category":332,"order":430,"pro":303},"\u002Fdocs\u002Fdelivery\u002Fhours-minimums","Часы приёма заказов и минимальная сумма","Настройка времени приёма доставки, минимального чека зоны и локации, слот-расписание.",{"path":440,"title":441,"description":442,"category":342,"order":430,"pro":327},"\u002Fdocs\u002Fgetting-started\u002Finvite-colleague","Как пригласить коллегу в админку","Роли admin, manager, waiter, kitchen, courier — что каждый видит и может, как добавить нового сотрудника.",{"path":444,"title":445,"description":446,"category":375,"order":430,"pro":327},"\u002Fdocs\u002Fintegrations\u002Fyandex-maps-api-key","Яндекс.Карты — где взять JS API ключ","Регистрация на developer.tech.yandex.ru, получение ключа, привязка к домену, вставка в Misea.",{"path":448,"title":449,"description":450,"category":298,"order":430,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fhistory-undo","История изменений (Undo\u002FRedo)","12 снапшотов на страницу, Ctrl+Z и Ctrl+Shift+Z. Как откатить удалённый блок или неудачное редактирование.",{"path":452,"title":453,"description":454,"category":392,"order":430,"pro":303},"\u002Fdocs\u002Fstaff-schedule\u002Fhours-report","Отчёт по часам и ФОТ","\u002Freports\u002Fhours — план vs факт, переработки, стоимость часа, сравнение периодов.",{"path":456,"title":457,"description":458,"category":326,"order":459,"pro":327},"\u002Fdocs\u002Fcatalog\u002Fbulk-import","Массовый импорт меню из Excel","Формат файла, обязательные и опциональные поля, типичные ошибки при импорте 50+ позиций.",5,{"path":461,"title":462,"description":463,"category":342,"order":459,"pro":327},"\u002Fdocs\u002Fgetting-started\u002Fbrand-setup","Бренд — логотип, цвета, контакты","Где настроить название заведения, логотип, контактные данные и первичные цвета, которые подтянутся в QR-меню и на сайт.",{"path":465,"title":466,"description":467,"category":375,"order":459,"pro":327},"\u002Fdocs\u002Fintegrations\u002Ftelegram-bot-setup","Telegram — токен бота и привязка чата","BotFather, создание бота, токен, привязка персонала, уведомления о заказах.",{"path":271,"title":469,"description":470,"category":298,"order":459,"pro":303},"Блок Hero — баннер первого экрана","Заголовок, подзаголовок, фон-картинка, CTA-кнопка. Как сделать сильный первый экран, куда вести кнопку.",{"path":305,"title":5,"description":300,"category":298,"order":304,"pro":303},{"path":277,"title":278,"description":473,"category":298,"order":474,"pro":303},"Markdown-редактор с жирным\u002Fкурсивом\u002Fпереносами, спецварианты (часы работы, скидки), галерея-список.",7,{"path":476,"title":477,"description":478,"category":298,"order":479,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fcontacts-block","Блок Контакты","Телефон, адрес, карта, соцсети. Как переопределить данные глобальных настроек для конкретной страницы или локации.",8,{"path":481,"title":482,"description":483,"category":298,"order":484,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fmap-block","Блок Карта","Автодополнение адреса через Яндекс-Nominatim, встройка карты, метки, масштаб.",9,{"path":283,"title":486,"description":487,"category":298,"order":488,"pro":303},"Карточка товара, Кнопка заказа и служебные блоки","Product Card, Order Button, Categories, Cart, Checkout, Search — когда и зачем ставить.",10,{"path":490,"title":491,"description":492,"category":298,"order":493,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Ffonts-buttons","Шрифты и стиль кнопок","10 шрифтовых семейств, размер 12–24 px, скруглённые vs прямые кнопки, тени и rpadding.",12,{"path":495,"title":496,"description":497,"category":298,"order":498,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fanimated-backgrounds","Анимированные фоны (Pro)","60+ эффектов — кастомные, Vanta-ported, ReactBits-ported. Переопределение цветов, reduce motion, производительность.",13,{"path":500,"title":501,"description":502,"category":298,"order":503,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Flayout-variant-padding","Подложки блоков и отступы","layout_variant — section \u002F block \u002F empty. Как сделать блок на всю ширину или в виде карточки. Padding, border-radius, max-width.",14,{"path":505,"title":506,"description":507,"category":298,"order":508,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fseo-meta","SEO — глобальные и страничные мета-теги","Site-SEO vs Page-SEO. Title, description, keywords. OG-превью для соцсетей. Рекомендуемая длина.",15,{"path":510,"title":511,"description":512,"category":298,"order":513,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Flogo-favicon-nav","Логотип, фавикон, название сайта и навигация","Загрузка логотипа (до 10 МБ), фавикон, site_name, nav_links (catalog \u002F page \u002F category \u002F url).",16,{"path":515,"title":516,"description":517,"category":298,"order":518,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fmedia-library","Медиа-библиотека","Папки и файлы (JPG \u002F PNG \u002F WebP \u002F GIF \u002F SVG до 10 МБ), загрузка, вставка в любой блок, public URL.",17,{"path":520,"title":521,"description":522,"category":298,"order":523,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fmulti-location","Конструктор для сети ресторанов (per-location)","Глобальные vs per-location настройки, переключатель в toolbar, подтверждение при несохранённых изменениях.",18,{"path":525,"title":526,"description":527,"category":298,"order":528,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fresponsive-preview","Responsive preview (Desktop \u002F Mobile)","Live-iframe с postMessage, переключение 1200px ↔ 390px, почему важно проверять оба режима.",19,{"path":530,"title":531,"description":532,"category":298,"order":533,"pro":303},"\u002Fdocs\u002Fsite-builder\u002Fcustom-domain","Собственный домен и поддомен","Настройка custom domain, subdomain fallback, TLS-сертификат. DNS-записи, проверка.",20,{"path":535,"title":536,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Fbilling\u002Ffree-vs-pro","Free vs Pro — что входит в каждый тариф","[object Object]",100,{"path":540,"title":541,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Fgetting-started\u002Ftrial-period","Что такое trial и что будет через 7 дней",{"path":543,"title":544,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Fintegrations\u002Fiiko-overview","iiko — зачем нужна синхронизация",{"path":546,"title":547,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Fqr-tables\u002Fguest-experience","Что видит гость после сканирования QR",{"path":549,"title":550,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Fsite-builder\u002Fcolor-palette","Цветовая палитра — 7 слотов, primary и secondary",{"path":552,"title":553,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Fsite-builder\u002Finterface","Интерфейс конструктора — 3 панели и toolbar",{"path":555,"title":556,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Fsite-builder\u002Fintroduction","Что такое конструктор витрины и зачем он нужен",{"path":558,"title":559,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Fstaff-schedule\u002Fpositions-departments","Должности и отделы",{"path":561,"title":562,"description":537,"category":299,"order":538,"pro":327},"\u002Fdocs\u002Ftelegram-bot\u002Fwaiter-bot","Официант через Telegram-бот",1777025874962]