在 SAP Commerce Cloud 的 **Composable Storefront** 里，`Reorder` 按钮通常**不直接出现在 Order History 列表页上**。标准使用路径是：

**My Account → Order History → 点击某一张订单 → Order Details → Reorder**

SAP Learning 的 B2B 教程明确展示了这个流程：进入 `Order History`，选择一张已有订单，例如订单 `00000007`，进入订单详情后，页面上才会出现 `Reorder` 按钮。点击后会弹出 `Reorder products` 对话框，再点击 `Continue` 执行重新订购。([SAP Learning][1])

### 1. 在页面上怎么找到它

你登录 Composable Storefront 后：

1. 点击右上角 **My Account**
2. 选择 **Order History**
3. 页面会进入类似：

   ```text
   /my-account/orders
   ```
4. 点击某一个 **Order Number**
5. 进入该订单的 **Order Details**
6. 在订单详情页顶部或者订单信息区域附近寻找：

```text
Reorder
```

SAP 官方对 B2B Account Management 的说明也是：`Order History` 本身负责显示历史订单列表；点击订单号进入 `Order Details Page` 后，用户才可以执行 `reorder the same items`。([SAP Help Portal][2])

也就是说，可以把结构理解成：

```text
Order History
│
├── Order 00000001
├── Order 00000002
└── Order 00000003
        │
        └── click
              ↓
       Order Details
       ├── Order Overview
       ├── Ordered Items
       ├── Shipping
       ├── Payment
       └── [ Reorder ]
```

所以如果你现在一直停留在 **Order History 列表页**寻找 `Reorder`，很可能找不到。

---

## 2. 从 Composable Storefront 技术实现看，它其实是 CMS Component

这一点对你定位源码非常重要。

SAP 官方文档给出的 WCMS 定义里，Order Details 页面对应一个组件：

**`Account Order Details Reorder Component`**

其 CMS component type / UID 通常表现为：

```text
AccountOrderDetailsReorderComponent
```

SAP 文档说明，这个组件被放在：

```text
Page Type:
Order Details Page

Slot:
Bottom Header

Content Slot:
Body Content Slot for My Account Order Details

Component:
Account Order Details Reorder Component
```

([SAP Help Portal][3])

所以从 SAP Commerce 的 CMS 架构理解，实际关系更接近：

```text
Order Details Page
        │
        └── Content Slot
              │
              └── AccountOrderDetailsReorderComponent
                         │
                         ↓
                  Angular Component
                         │
                         ↓
                    Reorder Button
```

这也是为什么有时候你在 Angular 项目源码里全文搜索：

```text
Reorder
```

反而不一定立刻找到页面配置。

因为 Composable Storefront 很多页面不是直接在 Angular template 中硬编码出来，而是：

```text
SAP Commerce CMS
        ↓
CMS Component Type
        ↓
Composable Storefront CMS Mapping
        ↓
Angular Component
        ↓
HTML Template
```

---

## 3. 用浏览器 DevTools 最快定位

如果你的实际 Storefront 上已经能看到这个按钮，那么最快的方法不是搜索整个工程，而是直接使用 Chrome / Edge DevTools。

在 `Order Details` 页面打开：

```text
F12
→ Elements
```

然后按：

```text
Ctrl + F
```

搜索：

```text
Reorder
```

你应该能找到类似：

```html
<button ...>
  Reorder
</button>
```

或者按钮文本可能是 Angular Translation 产生的。

接着从按钮向父 DOM 节点往上找，通常可以看到某个 `cx-...` Angular component。

由于不同 Composable Storefront 版本以及是否启用了 B2B、S/4HANA Order Management、Product Configurator 等功能，最终 DOM component 名称可能有差异，因此我不建议只依赖某一个固定的 `cx-*` selector。

更可靠的方法是寻找它对应的 CMS component：

```text
AccountOrderDetailsReorderComponent
```

---

# 4. 如果页面完全没有 Reorder，重点检查 CMS

如果你进入：

```text
My Account
→ Order History
→ 某个 Order
→ Order Details
```

还是没有看到 `Reorder`，我会优先检查 CMS，而不是 CSS。

因为 SAP 官方文档明确存在：

```text
AccountOrderDetailsReorderComponent
```

并且历史上 Composable Storefront 如果 CMS component 存在，但 Angular 前端没有注册对应 implementation，会出现类似错误：

```text
No component implementation found for the CMS component type
'AccountOrderDetailsReorderComponent'
```

这类问题在 Spartacus / Composable Storefront 中是典型的 CMS mapping 问题。([Stack Overflow][4])

你可以打开浏览器 Console，搜索：

```text
AccountOrderDetailsReorderComponent
```

或者：

```text
No component implementation found
```

如果出现类似：

```text
No component implementation found for the CMS component type
'AccountOrderDetailsReorderComponent'
```

那么问题已经非常明确：

```text
Commerce Backend
      ↓
CMS 返回了 AccountOrderDetailsReorderComponent
      ↓
Composable Storefront
      ↓
没有找到对应 Angular component mapping
      ↓
Reorder 不显示
```

这种情况下就不是订单状态问题了，而是前端 feature library / CMS mapping / module loading 问题。

---

# 5. 再检查 Network 里的 CMS Response

这个方法更准确。

进入某个订单详情页以后打开：

```text
DevTools
→ Network
```

过滤：

```text
cms
```

或者：

```text
pages
```

Composable Storefront 会调用 Commerce OCC CMS API 获取页面结构。

查看 Response，搜索：

```text
AccountOrderDetailsReorderComponent
```

如果能找到，例如：

```json
{
  "uid": "AccountOrderDetailsReorderComponent",
  "typeCode": "..."
}
```

至少可以证明：

```text
Commerce CMS 配置
        ↓
已经把 Reorder Component 发给前端
```

这时候问题范围就缩小到：

```text
Composable Storefront Angular
```

包括：

```text
feature module 是否安装
CMS mapping 是否注册
lazy loading 是否正常
feature level 是否正确
组件是否被 override
```

反过来，如果 CMS OCC response 里面压根没有：

```text
AccountOrderDetailsReorderComponent
```

那就优先调查 SAP Commerce Backend：

```text
Content Catalog
Content Page
Page Template
Content Slot
CMS Component
Catalog Version
Site
```

而不是前端 Angular。

---

# 6. 这是 B2B Reorder 功能

还有一个很容易忽略的版本背景。

SAP 在 **Composable Storefront 5.2** 中正式列出了：

```text
B2B Reorder
```

作为新增能力。([SAP Help Portal][5])

因此如果你的项目是 B2B Composable Storefront，这个功能尤其需要检查：

```text
Composable Storefront version
B2B configuration
CMS sample data
Order feature library
```

目前 SAP 的 2211 系列 Composable Storefront 仍然持续发布，SAP 官方 Release Information 显示，2026 年 8 月 11 日已经发布 `221121.17`。([SAP Help Portal][5])

所以如果你们的项目版本比较老，例如从早期 Spartacus 升级而来，**不能只看 Commerce Backend 有没有 CMS component，还要检查前端是否安装、加载了与当前版本匹配的 Order / B2B feature。**

---

# 7. 如果你用了 SAP S/4HANA Order Management Integration

这里又多一层条件。

SAP 官方明确说明：

> 从 `My Account → Order History` 进入 Sales Order 的 `Order Details`，可以根据 item availability 执行 reorder。

如果订单中的所有产品都不可用：

```text
Reorder
```

按钮会变成：

```text
Disabled
```

而不是正常可点击状态。([SAP Help Portal][6])

对于某些新的 S/4HANA Order Management 场景，SAP 又引入了：

```text
Buy It Again
```

这个名字。

官方 Order Details 文档说明，当：

```text
saps4omservices.s4om.order.history.disable.simulation=true
```

时，`Buy It Again` 可以不再依赖 stock level 的 simulation 结果。([SAP Help Portal][7])

因此你在项目代码里找按钮时，我建议**两个关键词一起搜**：

```text
Reorder
```

和：

```text
Buy It Again
```

否则在某些 SAP S/4HANA Order Management 集成版本中，很容易以为 `Reorder` 功能消失了。

---

# 8. 如果你的目的是定位前端源码，我建议这样搜

假设你的 Composable Storefront 项目已经安装在本地。

在 VS Code 全局搜索：

```text
AccountOrderDetailsReorderComponent
```

再搜索：

```text
reorder
```

然后继续搜索：

```text
buyItAgain
```

重点检查：

```text
@spartacus/order
```

以及你们项目里的：

```text
src/app/
```

自定义 CMS configuration，例如：

```typescript
provideConfig({
  cmsComponents: {
    ...
  }
})
```

特别注意有没有类似自定义 override：

```typescript
cmsComponents: {
  AccountOrderDetailsReorderComponent: {
    component: CustomReorderComponent
  }
}
```

Composable Storefront 从 Spartacus 4.2 左右开始已经把 Order History 相关功能拆分进独立的 Order library；SAP 官方 schematics 文档也明确指出：

```text
@spartacus/order
```

包含：

```text
Order History
Replenishment Order History
Cancellations and Returns
```

([SAP GitHub][8])

因此现在排查 `Reorder`，不应该只在老的：

```text
storefrontlib/cms-components/myaccount/order
```

结构里找。

---

## 最值得你先记住的一点

如果你只是问 **页面上去哪里找 `Reorder` 按钮**，答案非常明确：

```text
My Account
   ↓
Order History
   ↓
点击一个 Order Number
   ↓
Order Details
   ↓
Reorder
```

**不要只停留在 Order History 列表页面寻找。**

SAP Learning 官方教程展示的也是这个流程：左边是历史订单列表，选择订单后进入右边的订单详情页面，`Reorder` 位于 **Order Details** 中。([SAP Learning][1])

如果你问的是更进一步的 **`我想从 Composable Storefront 源代码中找到到底是哪一个 Angular Component 渲染了 Reorder 按钮`**，那么我建议沿着这条链追：

```text
AccountOrderDetailsReorderComponent
              ↓
CMS OCC Response
              ↓
CMS Component Mapping
              ↓
@spartacus/order / B2B feature
              ↓
Angular Component
              ↓
HTML template
              ↓
Reorder button
```

这条路径通常比单纯全文搜索 `Reorder` 快得多。

[1]: https://learning.sap.com/courses/exploring-the-fundamentals-of-setting-up-and-running-sap-commerce-cloud-in-a-b2b-environment/choosing-ordering-options-in-sap-commerce-cloud?utm_source=chatgpt.com "Choosing Ordering Options in SAP Commerce Cloud"
[2]: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/7e47d40a176d48ba914b50957d003804/8ac14d8486691014a501fc0d7a8962c7.html?utm_source=chatgpt.com "B2B Account Management | SAP Help Portal"
[3]: https://help.sap.com/docs/SAP_COMMERCE_INTEGRATIONS/140051de1adf495d8a1bbd9442d6632d/4d2de08bf643415ab037417d02a5914e.html?locale=en-US&state=PRODUCTION&version=2211&utm_source=chatgpt.com "WCMS Components for Product Configuration | SAP Help Portal"
[4]: https://stackoverflow.com/questions/67684332/b2b-powertools-spartacus-3-3-missing-reorder-cancel-and-return-options?utm_source=chatgpt.com "B2B/Powertools Spartacus 3.3 - Missing \"Reorder\", \"Cancel\" and \"Return\" options in MyAccount - Stack Overflow"
[5]: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/6c7b98dbe68f4a508cac17a207182f4c/5ebbd2c8478a4874863a6b217c0aa2ba.html?utm_source=chatgpt.com "Release Information for All Versions of Composable Storefront Libraries | SAP Help Portal"
[6]: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/962112809f9a48f9b36aa05b208b3731/051045ac88d4425e80cf4ce4486556f2.html?utm_source=chatgpt.com "SAP S/4HANA Order Management Integration | SAP Help Portal"
[7]: https://help.sap.com/docs/SAP_COMMERCE_INTEGRATIONS/58d2065698d847efaa44e08c3556ae96/b5b203b714d34214abc549b9d93a1c65.html?locale=en-US&state=PRODUCTION&version=2211&utm_source=chatgpt.com "Order Details | SAP Help Portal"
[8]: https://sap.github.io/spartacus-docs/schematics/?utm_source=chatgpt.com "Schematics - Spartacus Documentation"


在 SAP Commerce Cloud 的 Composable Storefront 里，Reorder 按钮通常不直接出现在 Order History 列表页上。标准使用路径是：

如何配置出 SAP Commerce Cloud 里的 reorder 按钮

紫薇堂堂主

后端

开发工具

架构设计

SAP Commerce Cloud Composable Storefront中，Reorder按钮位于订单详情页（Order Details），而非订单历史列表页。需通过My Account→Order History→点击订单号进入详情页查找。该功能由CMS组件AccountOrderDetailsReorderComponent控制，若缺失需检查CMS配置及前端映射。B2B场景下可能显示为Buy It Again，订单商品不可用时按钮将禁用。

代码解释

ES特惠专场，新客首购5.5折起！


文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

SAP Commerce Cloud Composable Storefront中，Reorder按钮位于订单详情页（Order Details），而非订单历史列表页。需通过My Account→Order History→点击订单号进入详情页查找。该功能由CMS组件AccountOrderDetailsReorder...

如何配置出 SAP Commerce Cloud 里的 reorder 按钮-腾讯云开发者社区-腾讯云

如何配置出 SAP Commerce Cloud 里的 reorder 按钮

如何配置出 SAP Commerce Cloud 里的 reorder 按钮

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐