官方周边商店全新改版:Mercantile 店面设计亮相
WordPress 官方周边商店 Mercantile 近日完成了全新改版。新店面将商品目录置于首页核心位置,并针对多种屏幕尺寸进行了响应式优化。此外还加入了不少贴心细节——比如当某款商品只剩一件库存时自动选中变体版本,结账邮件的样式也与商店整体风格保持一致。
设计融入 WordPress 历史文化
整站设计处处体现 WordPress 的历史与文化基因。视觉元素和文案直接引用了 WordPress 项目中熟悉的符号——从 Metabox(自定义字段框)到管理工具栏,再到时不时露面的 Wapuu(WordPress 吉祥物)。细心查看还能发现不少开源和代码相关的彩蛋。开发团队的目标很明确:打造一个具有独特 WordPress 气质的购物空间。

技术架构:全区块 + Interactivity API
新商店本身就是一个展示现代 WordPress 与 WooCommerce 能力的案例。站点几乎全部由区块构建而成,包括区块驱动的购物车、结账流程、迷你购物车和订单确认页面,并配合一套专为商店定制的主题区块。目录导航和弹窗状态由 Interactivity API 提供支持。系统运行在 WordPress 7.0 上,并全程内置无障碍设计——动画效果遵循减少运动偏好设置,颜色对比度也符合相关标准。商品详情页会展示每件商品的属性(尺寸、材质、洗护说明等),方便顾客在加购前充分了解产品信息。

WordCamp Europe 实地测试
此次改版也服务于 WordCamp Europe 上 Mercantile 展位的现场销售。团队在结账环节启用了本地自提功能,并上架了一系列活动专属商品——这些商品的风格与整体目录保持一致。活动期间,现场支付订单完成了 50 笔,算是对新结账流程的一次有力实战检验。
更多功能即将上线
开发团队还在酝酿一个有趣的实验:让好奇的顾客可以通过命令行浏览商店的文本版本。这是对 WordPress 社区中占相当比例的开发者群体的一次致敬。等准备就绪后,页面上会出现相应提示引导访客体验。

Mercantile 的新版本是众多贡献者共同设计、构建、测试和打磨的成果。每一次购买都会支持 WordPress 基金会,这是一个 501(c)(3) 非营利组织,致力于让出版民主化,并让开源软件得以传承。抽空逛逛,说不定能遇到心仪的东西。

评论0 注意:评论区不审核也不处理售后问题!如有售后问题请前往用户中心提交工单以详细说明!