问题
Crea il tuo caffè让客户设计自己的咖啡拼配，并购买烘焙、包装好的成品。只有几个规格变体的标准产品页做不到这一点：价格取决于产地组合、数量、烘焙度和包装，有些买家还想在包装袋上印自己的logo。
我做了什么
我编写了一个定制WordPress插件，把一个WooCommerce产品变成拼配配置器。
- 产地滑块——7个产地（埃塞俄比亚、危地马拉、巴西、乌干达、印度、越南、印度尼西亚），以10%为步长调节。总和不正好等于100%时，购物车会拒绝该拼配。
- 推荐拼配——客户可以从推荐组合出发再调整。提示框用1到5颗咖啡豆为每个产地的特点评分。
- 实时价格——价格是各产地价格的加权和，客户拖动滑块时在屏幕上实时更新。
- 按量定价——1、50、100或250公斤。每公斤价格随数量下降：50公斤时为一半，100公斤时为40%，250公斤时为三分之一。
- 烘焙与包装——浅度、中度或深度烘焙；素袋、印有客户上传logo的袋子，或作为单独收费项目的定制设计方案。
- 选择随订单保存——产地、数量、烘焙度、包装和logo都会显示在购物车、结账页和订单详情中，烘焙商清楚知道要生产什么。
- 首页入口——首页上的配置器区块（也可作为WPBakery元素使用）会把最初的选择传递到产品页。
技术栈
WordPress、WooCommerce和Larcorso主题搭配WPBakery；采用原生JavaScript和Swiper的定制PHP插件；WooPayments、Mailchimp for WordPress、用于Cookie同意的Complianz，以及tawk.to在线客服。
为什么这样做
拼配、产地、风味评分和价格都存放在WooCommerce的产品属性中，而不是代码里。客户可以在常规产品界面修改价格或推荐拼配，配置器会自动读取。
