Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Add the Order Status e-commerce template (`ecommerce-order-status`)

未关闭
#181 4 条评论 0 个 reaction 已指派 1 人 在 GitHub 查看

维护者通常 1 天内回复

@piyusshhjangid 已经在做这个了。

开始于 2026年10月22日。

  • #198 来自 @piyusshhjangid —— 未关闭

评估

这个 Issue 还没有评估数据。

描述

good first issue hacktoberfest templates

Part of #5. For shipping updates like "Your order is on its way".

Idea
The store name and order number sit at the top, with the product name as the title. Across the card runs a 4-step tracker: Ordered, Shipped, Out for delivery, Delivered. Each step is a circle on a line. Steps up to the current one are filled with the accent color, and so is the line between them. An estimated delivery line sits under the tracker.

Template details

  • File: src/templates/ecommerce/order-status.ts, id ecommerce-order-status
  • Fields: commonFields.siteName (the store name), commonFields.title (the product name), orderNumber (text), currentStep (number from 1 to 4, default 2), estimate (text, for example "Arrives Friday, Oct 24"), commonFields.bgColor, commonFields.accentColor, commonFields.textColor

Where to look

  • Closest reference: src/templates/tutorial/step-by-step.ts (numbered steps), src/templates/ecommerce/product-card.ts (a number field with min and max)

Acceptance criteria

  • currentStep is parsed defensively and kept between 1 and 4 (currentStep=abc still renders)
  • The step labels fit under their circles, and the order number and estimate hide cleanly when empty
  • Re-exported in src/templates/ecommerce/index.ts and registered in the E-commerce block of src/templates/registry.ts
  • Meets the shared template checklist in #5

One template per contributor at a time, so more people get a chance.


Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #181 in the description.

主要语言
TypeScript
星标
8
派生
4
平均合并
5 小时 44 分钟
30 天内合并 PR
83

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

codercops/ogcops 的其他 Issue

查看 codercops/ogcops 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。