Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở
  • Có gì không ổn?
#181 4 bình luận 0 reaction 1 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@piyusshhjangid đang làm issue này rồi.

Từ ngày 22/10/2026.

  • #198 của @piyusshhjangid — đang mở

Đánh giá

Issue này chưa được đánh giá.

Mô tả

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.

Ngôn ngữ chính
TypeScript
Star
8
Fork
4
Merge trung bình
5 giờ 44 phút
Pull request đã merge (30 ngày)
83

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của codercops/ogcops

Tất cả issue của codercops/ogcops

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.