Spartacus Storefront 的 wishlist 设计

简介: Spartacus Storefront 的 wishlist 设计

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


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


image.png


愿望清单功能由 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 里执行这些操作。


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



image.png

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


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



底层实现:cx-wish-list

wish list item:

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

相关文章
|
缓存 前端开发 JavaScript
基于 Spartacus 的 Angular Storefront 性能优化建议
基于 Spartacus 的 Angular Storefront 性能优化建议
|
缓存 自然语言处理 API
关于 Spartacus 开源 Storefront 在 PWA 模式下运行时的 index.html hash mismatch 问题
关于 Spartacus 开源 Storefront 在 PWA 模式下运行时的 index.html hash mismatch 问题
|
搜索推荐 JavaScript 前端开发
Spartacus 开源项目给 SAP Commerce Cloud Storefront 共享的一些有用的特性介绍
Spartacus 开源项目给 SAP Commerce Cloud Storefront 共享的一些有用的特性介绍
|
前端开发 JavaScript vr&ar
一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景
一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景
|
12月前
|
安全
Spartacus Storefront 里如何在 SmartEdit 访问环境下暂时禁用 Early login
Spartacus Storefront 里如何在 SmartEdit 访问环境下暂时禁用 Early login
|
前端开发 安全 API
Above-the-Fold Loading 加载机制在 Spartacus Storefront 里的应用
Above-the-Fold Loading 加载机制在 Spartacus Storefront 里的应用
|
12月前
|
监控 前端开发 JavaScript
什么是 Spartacus Storefront B2B store 的 My Company 菜单
什么是 Spartacus Storefront B2B store 的 My Company 菜单
|
JSON 数据格式
Spartacus Storefront 产品明细页面里的 Add to Wish 动态隐藏问题
Spartacus Storefront 产品明细页面里的 Add to Wish 动态隐藏问题
|
存储 网络架构
Spartacus Storefront 里的 currency 和 language 的 store 设计
Spartacus Storefront 里的 currency 和 language 的 store 设计
下一篇
无影云桌面