起始模板

整个版面都围着饮品表转的奶茶店官网

八款饮品加两样小食、三个分类,每项都留了图位。打开来,那面菜单墙的十行格子已经排好,其余板块都往边上让——奶茶店是被这面墙决定的,而建站工具不会问奶茶店老板想放几行。

奶茶店网站模板——它实际产出的首页

本页以〈霓虹夜市〉设计风格展示 — 15 种风格随时切换,商家资料保留。

完整首页
奶茶店网站设计实例——完整首页
完整内页
奶茶店网站设计实例——完整内页
另一个完整内页
奶茶店网站设计实例——另一个完整内页

饮品表是一格一格排的,不是一段话

奶茶、水果茶、小食——三个分类、十个商品,每个都配图,因为没人是看一句话决定喝什么的。样例清单按真实菜单墙的写法来:黑糖珍珠奶茶、经典珍珠奶茶、炭焙乌龙奶茶、芋泥布丁鲜奶。主图下面那条数字条,留给奶茶店真正愿意拿出来说的数字,比如一天多少杯、排了几年队。

样例网站里已经放了什么

三个菜单分类共十项标价商品、一条数字条、三条样例点评、一个优惠码,全站四页。

上面这份清单里,凡是会从访客手上收东西、或是要读实时排程的——表单、预约、优惠码、订阅框、课程时间表、由内容集合供稿的列表——都要用 Storefront Pro 才能上线。Storefront 会照你排的样子发布页面其余的部分;这套模板里要是有整页专门拿来做这件事的,那一页就是要等升级的那一页。

这个网站涵盖什么

内含 4 个页面

哪些在这套模板里,哪些留在你自己的系统

甜度、冰量和小料在样例菜单里是写进品名的命名规则,不是让顾客现场勾选的选项器。每张饮品图都是占位图:奶茶店是被自己那杯决定的,所以那是最该先换掉的东西。

这一页上的每个数量和金额,都是从模板本身读出来的,不是有人用手敲上去的——所以这些数字和你真正拿到的网站是同一组。

发布之后你拿到的

真的有人问的问题

甜度、冰块与加料是怎么挂到每一杯饮料上的?

用商品自己的选项组挂上去,而且每一杯只带适合它的那几组。八款饮料全部有冰块、六款有甜度、四款有加料——加料每杯最多三种,每种各自定价。甜度与冰块是单选必填:购物车会标示「必选」,没选完就挡住加入按钮,并直接点名还没回答的那一组。两款小食则完全不带选项。顾客选了什么,都会跟着这条商品一起进到订单里。线上点餐要在 Storefront Pro 上才会生效。