Spartacus Storefront 的 wishlist 设计

举报
Jerry Wang 发表于 2023/02/20 12:09:29 2023/02/20
【摘要】 Storefront 的客户可以从产品详细信息页面将产品添加到愿望清单。 如果未登录,“添加到愿望清单”选项将指示需要先登录才能将产品添加到愿望清单。将项目添加到愿望清单后,可以通过 My Account 菜单中的 Wish List 选项查看愿望清单的内容。愿望清单功能由 AddToWishListComponent 和 WishListService 组件组成。 这两个组件都是 CMS ...

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

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

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

一些限制

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

如何禁用 wishlist

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

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

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

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

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

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

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

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

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

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

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

底层实现:cx-wish-list

wish list item:

wish list 的数据源通过 service 获取:

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。