为 Attaky 品牌从零定制开发官方电商网站主题,目标是替代通用模板,做出品牌感强、可视化可配置的购物体验。核心功能模块包括:30+ 主题 Section(hero、产品卡片轮播、FAQ 折叠等),全部支持 Shopify Theme Editor 拖拽配置;集成 3D 产品展示,用户可在页面内旋转查看 GLB 模型(标准版/Pro 版双模型切换);20+ 配色预设系统与"Build Your Own"产品配置器,颜色方案与 Shopify 产品变体动态联动;支持中英双语 i18n 国际化。
技术栈为 Liquid 模板 + JavaScript ES6+ + 原生 CSS,使用 Shopify CLI 本地开发调试。我独立负责所有 Section 的开发与 Schema 配置。难点主要有两个:一是 加载 GLB 文件的性能问题,大模型首屏加载慢,通过懒加载与 poster 占位图缓解;二是配色预设与变体联动的逻辑——Shopify 变体系统限制较多,需要用 JS 在前端额外维护映射关系,调试过程比较繁琐。