Storefront 的客户可以从产品详细信息页面将产品添加到愿望清单。 如果未登录，“添加到愿望清单”选项将指示需要先登录才能将产品添加到愿望清单。

将项目添加到愿望清单后，可以通过 `My Account` 菜单中的 `Wish List` 选项查看愿望清单的内容。

![](https://img-blog.csdnimg.cn/img_convert/09d4d4da8fb6f461d5ffb5b56638eead.png)

愿望清单功能由 AddToWishListComponent 和 WishListService 组件组成。 这两个组件都是 CMS 驱动的，可以在 SmartEdit 中配置。还可以使用 CMS 组件映射在 Spartacus 中自定义这些组件。

# 一些限制

一个用户不能拥有多个愿望清单。此外，每个愿望清单都与特定用户相关联，因此无法与其他用户共享愿望清单。 最后，如果该产品缺货，则无法将其添加到愿望清单。

# 如何禁用 wishlist

愿望清单功能在 Spartacus 中默认启用。

禁用愿望清单的唯一方法是通过 CMS。 可以通过更改 spartacussampledata 扩展或您的自定义插件来禁用愿望清单，如下所示：

通过从相关的 cms-responsive-content.impex 文件中删除以下行来删除 WishListLink：

```sql
;;WishListLink;Wish List Link;/my-account/wishlist;WishListLink;WishListLink;;loggedInUser
```

注意：每个 `base site` 都有一个 cms-responsive-content.impex 文件。

通过从相关 cms-responsive-content.impex 文件的以下行中删除 WishListLink，从 SiteLinksSlot 中删除链接：

```sql
;;SiteLinksSlot;Slot contains some links;true;OrdersLink,WishListLink,StoreFinderLink,ContactUsLink,HelpLink
```

也可以在 Backoffice 里执行这些操作。

添加到心愿单的链接如下图所示：

![](https://img-blog.csdnimg.cn/img_convert/8cbf54d22bdc35d1fc3857dbe94409be.png)

(1) 添加产品到心愿单时，客户需要维护必填字段 size 吗？

(2) 愿望清单页面上列出的产品和产品列表页面 (PLP)上的产品信息是否有差异？后者根据颜色变体对变体进行分组，并显示给定颜色的可用尺寸变体列表。

底层实现：`cx-wish-list`

![](https://img-blog.csdnimg.cn/img_convert/b70409f87ffd7687e10d2654eb90ecc4.png)

wish list item：
![](https://img-blog.csdnimg.cn/img_convert/12f89fc2448f9c28412dd0d161a1f3d9.png)

wish list 的数据源通过 service 获取：
![](https://img-blog.csdnimg.cn/img_convert/1d8f47388342de59b526011911409a5b.png)

ITPub博客

Spartacus Storefront 的 wishlist 设计