Add the Coupon Code e-commerce template (`ecommerce-coupon-code`)
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 78/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- typescript
- 领域
- frontend
调研方向
Read src/templates/event/ticket-cta.ts for the ticket shape and dashed separator, then src/templates/ecommerce/sale-banner.ts for discount typography. Implement the new template in src/templates/ecommerce/coupon-code.ts, following the shared checklist in #5; also update the ecommerce index and template registry. Done means the listed layout, notch alignment, long-code truncation, and registration criteria are met.
由索引模型根据 Issue 内容生成。
描述
Part of #5. Stores often share a promo code, and we don't have a coupon layout.
Idea
A wide coupon card in the middle of the canvas. A left stub shows the discount in big type ("20% OFF"). The right body has the title, the code in a JetBrains Mono box with a dashed border ("FALL20"), and the expiry text. A vertical dashed line separates stub and body, with two half-circle notches cut into the top and bottom edges at the divider. The notches are circles filled with the page background, positioned absolutely.
Template details
- File:
src/templates/ecommerce/coupon-code.ts, idecommerce-coupon-code - Fields:
commonFields.title,discount(text),couponCode(text),expiry(text, e.g. "Valid until Oct 31"),commonFields.siteName,commonFields.bgColor,commonFields.accentColor,commonFields.textColor
Where to look
- Closest reference:
src/templates/event/ticket-cta.ts(ticket shape, dashed separator) - Discount typography:
src/templates/ecommerce/sale-banner.ts
Acceptance criteria
- Notches line up with the divider and use the page background color
- Long codes are truncated (for example to 16 characters)
- Re-exported in
src/templates/ecommerce/index.tsand registered in the E-commerce block ofsrc/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 #<this issue number>.
- 主要语言
- TypeScript
- 星标
- 8
- 派生
- 4
- 平均合并
- 5 小时 44 分钟
- 30 天内合并 PR
- 83
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
codercops/ogcops 的其他 Issue
-
Add the Order Status e-commerce template (`ecommerce-order-status`)可能已有人在做 @piyusshhjangid 于 1 天前认领。 未关闭good first issue hacktoberfest templates
codercops/ogcops#181 · 4 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
Add the Cheat Sheet tutorial template (`tutorial-cheat-sheet`)可能已有人在做 @srikar-naidu 于 1 天前认领。 未关闭hacktoberfest help wanted templates
难度 2/5 1-3 小时 新手友好度 45/100
codercops/ogcops#180 · 3 条评论 ·
维护者通常 1 天内回复
-
Add the Call for Speakers event template (`event-call-for-speakers`)可能已有人在做 @Saifjafri212213 于 1 天前认领。 未关闭good first issue hacktoberfest templates
codercops/ogcops#177 · 2 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
Add the Day Streak developer template (`developer-day-streak`)可能已有人在做 @srikar-naidu 于 1 天前认领。 未关闭hacktoberfest help wanted templates
codercops/ogcops#176 · 3 条评论 · 已指派 1 人 ·
维护者通常 1 天内回复
-
hacktoberfest
难度 1/5 1 小时以内 新手友好度 35/100
维护者通常 1 天内回复
相似的 Issue
-
难度 1/5 1-3 小时 新手友好度 82/100
source-cooperative/docs.source.coop#41 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 76/100
Nimblesite/SharpLsp#468 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 85/100
solidjs-community/solid-primitives#1082 ·
维护者通常 1 天内回复
-
enhancement
难度 2/5 1-3 小时 新手友好度 64/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
维护者通常 1 天内回复