关于前端:Spartacus-Storefront-的-wishlist-设计

37次阅读

共计 979 个字符,预计需要花费 3 分钟才能阅读完成。

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 获取:

正文完
 0