扫码菜单 template

Food & drink Catalogs & company profiles

Example: 巷口小馆 · 秋冬菜单 · 扫码菜单

帮我做一份贴在桌上扫码点菜的菜单网页：我开一家小馆子，秋冬菜单有招牌、热菜、凉菜、主食、饮品五类，十几道菜。页头是店名、地址、菜单名、供应日期、午市晚市时间和桌号（从二维码链接里带的桌号读）；下面一行「今天点得最多」前三，读点单表现算；然后一条吸顶的分类横滑栏，滚动时高亮跟着走；每道菜一只俯视角的盘子插画（全用内联矢量图画，不用照片）、菜名、一句像店主说的介绍、辣度（几个小辣椒）、价格，招牌菜带一个「推荐」小印章，右边一个「+」，点了变成加减份数，加菜时一个小圆点飞进点菜单；手机上底部固定一条显示份数和合计，点开是清单，能改份数、选口味（少辣、不要香菜这类）、写备注、选桌号；电脑上三栏菜品网格，右边固定一栏点菜单。下单存到一张数据表（桌号、点了什么、合计、备注），提交后出一个大大的取餐号和小票。合计只按每道菜的价格现算。版式像杂志，标题用宋体，少用底色块，用细线分隔。以后调价、换季就更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-restaurant-menu/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-restaurant-menu as the base (list_examples key=sample-restaurant-menu), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-restaurant-menu and give me the preview link and claim link it returns (a 7-day temporary link).
If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link

View page

Publish as a link that opens in WeChat

WorkBuddy, Claude, Codex and other MCP agents; sign in by scanning with WeChat

Connecting LivePage in WorkBuddy for the first time? See the illustrated guide ›

Connect me to LivePage: first read https://space.24haowan.com/for-agents.md and walk me through it step by step; then use https://space.24haowan.com/examples/sample-restaurant-menu/agent.md as a reference to make my own "巷口小馆 · 秋冬菜单", publish it on LivePage and show me the preview first.

My requirements: 帮我做一份贴在桌上扫码点菜的菜单网页：我开一家小馆子，秋冬菜单有招牌、热菜、凉菜、主食、饮品五类，十几道菜。页头是店名、地址、菜单名、供应日期、午市晚市时间和桌号（从二维码链接里带的桌号读）；下面一行「今天点得最多」前三，读点单表现算；然后一条吸顶的分类横滑栏，滚动时高亮跟着走；每道菜一只俯视角的盘子插画（全用内联矢量图画，不用照片）、菜名、一句像店主说的介绍、辣度（几个小辣椒）、价格，招牌菜带一个「推荐」小印章，右边一个「+」，点了变成加减份数，加菜时一个小圆点飞进点菜单；手机上底部固定一条显示份数和合计，点开是清单，能改份数、选口味（少辣、不要香菜这类）、写备注、选桌号；电脑上三栏菜品网格，右边固定一栏点菜单。下单存到一张数据表（桌号、点了什么、合计、备注），提交后出一个大大的取餐号和小票。合计只按每道菜的价格现算。版式像杂志，标题用宋体，少用底色块，用细线分隔。以后调价、换季就更新同一个链接。

Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Download poster

About this template

小馆子、茶饮店、食堂、民宿早餐要一张贴在桌上的二维码菜单：客人扫开按分类看菜、点菜、写口味、直接下单，店里在数据表里收单，选它。菜价常调、季节换菜单也选它（链接不变，桌上的码不用重印）。要把产品、规格和价格发给批发客户询价选 sample-product-catalog；只收报名不算钱选 sample-event-signup。

Page structure：今天点得最多 · 招牌 · 热菜 · 凉菜 · 主食 · 饮品 · 点菜单

页内下单写回数据表（原生表单 POST ./_data/orders 打底，脚本在时页内提交、就地出取餐号）
页面读回今天的单，算「今天点得最多」前三
同一链接更新不变（调价、换季节菜单后桌上的二维码不用重印），阅读回执看客人翻到了哪一类
微信卡片（share.title / share.desc）

Prepare before publishing: 数据表 orders（列 table / items / total / note，append_open=true）：点菜单的「下单」写进这里（items 形如「巷口红烧肉×2、米饭×3」，total 是元），页面读回算「今天点得最多」；发布前先用 set_data 建好，打烊后可以把 append_open 关掉；每张桌子一个二维码，链接末尾带 ?table=07 这样的桌号（不带就默认 07，客人在点菜单里也能改）

View template source ›

Something missing here? Suggest an improvementThe template factory checks daily and logs every improvement

扫码菜单 template

More like this