你会得到

  • 一个内嵌字体和图片的 HTML 文件,或移植到 Next.js、React、Vue、Astro
  • 首页、可筛选的商品目录、商品详情页、系列页、购物袋和演示结账
  • 尺码助手、配送、FAQ、联系、关于、电子报、法律条款和 404 页面
  • 检查链接、结构、离线安全和残留示例名称的校验器
  • 可选:PopNow 生成的配套商品图和广告大片,每次运行前先报价

适合

  • 球鞋、鞋履和运动服饰品牌
  • 想要广告大片质感的小众服装品牌
  • 接入真实购物车前交给开发者的商城原型

不适合

  • 现在就收真实付款:接入支付服务商之前,结账只是演示
  • 需要数据库支撑的数百件商品目录
  • 张扬、深色或霓虹风格的品牌形象

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「球鞋商城网站模板」(sneaker-store-website)帮我做这件事:为 Northfold 做一个网店,这是一个小众越野跑鞋品牌,用欧元销售五款鞋,满 120 欧元免运费,30 天内可退货。

在编程 Agent 里

/popnow-sneaker-store-website 为 Northfold 做一个网店,这是一个小众越野跑鞋品牌,用欧元销售五款鞋,满 120 欧元免运费,30 天内可退货。

接着试试

把 ./photos 里我的商品照片放到店铺背景上,先给我报价。

把商城移植到我的 Next.js 项目,结账保留为演示。

需要准备

  • 商品名称、价格、配色和尺码
  • 两到四个系列,以及你的配送和退货政策
  • 商品照片,或用于生成照片的 PopNow API 密钥
  • 如果有实体店,提供地址和营业时间

类似技能

查看全部 →

常见问题

结账能收真实付款吗?

不能。它会校验表单、根据配送方式更新总价并显示确认页,但会明确停在付款之前。接入支付服务商是真实项目中的单独步骤。

能用我自己的商品照片吗?

可以。放进来后技能会原样使用;或者在你同意并看过积分报价后,用 PopNow 把它们放到店铺统一的背景上,或为它们抠图,让商品网格看起来一致。

卖服装而不是鞋也行吗?

可以。尺码会换成字母码,尺码助手变成量体尺码表,宽度选项变成版型。系列和产品线可以改名或删除。

没有 PopNow API 密钥怎么办?

商城照样能生成。商品会使用带标注的占位图块或你自己的照片,回复里会列出哪些位置还需要图片。