SAP 电商云 Spartacus UI 产品搜索结果的设计明细

SAP 电商云 Spartacus UI 产品搜索结果的设计明细

我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面:http://localhost:4000/electronics-spa/en/USD/search/sony结果可以分为两大部分:(1) 左边的 ProductLeftRefinements以及右边的:Searc...

SAP 电商云 Spartacus UI 客户端模式下产品主数据的 HTTP 请求设计

SAP 电商云 Spartacus UI 客户端模式下产品主数据的 HTTP 请求设计

在客户端渲染即 CSR 模式下,我们能在 Chrome 开发者工具里观测到大量根据 product code 读取产品主数据的 HTTP 请求:响应结果:上面的数据,对应屏幕里这个产品:300938通过 cx carousel 这个控件发起的 HTTP 请求:这个高亮区域是 template:即&a...

SAP 电商云 Spartacus UI quick order 产品 live search 的实现

SAP 电商云 Spartacus UI quick order 产品 live search 的实现

form 事件的数据源就是 this.form.valueChanges. 从语义上讲,每次 form 里的 input 控件值发生变化,即用户有新的输入时,this.form.valueChanges 这个 Observable 就会广播事件:最后调用 this.searchProducts 方法...

SAP 电商云 Spartacus UI Quick order 产品搜索结果页面的显示逻辑

SAP 电商云 Spartacus UI Quick order 产品搜索结果页面的显示逻辑

这个结果列表,其实一直存在 form 里的,只不过不是一直 visible 而已。什么时候显示这个 product list 呢?当搜索结果命中的 product 个数大于1,或者 this.noResults 为 true 时,显示。

SAP 电商云 Spartacus UI 产品明细页面路由确定后,加载的是 page template

SAP 电商云 Spartacus UI 产品明细页面路由确定后,加载的是 page template

页面如下:http://localhost:4200/powertools-spa/en/USD/jerryproduct/3881018/Angle%20Grinder%20RT-AG%20115template id 为:ProductDetailsPageTemplate在 product d...

SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置

SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置

如下图所示,为了减少 SAP 电商云 Spartacus 客户实施时不必要的配置,Spartacus 将不少页面的路由路径的默认配置,定义在如下的 default-routing-config.ts 文件里:修改之后,产品明细页面和 homepage 的产品超链接都一齐变更了:这个默认配置什么时候被...

如何找到 SAP 电商云 Spartacus UI 产品明细界面对应的 Angular 实现 Component 名称

如何找到 SAP 电商云 Spartacus UI 产品明细界面对应的 Angular 实现 Component 名称

我们看一个 PDP 即 product detail page 的实际例子:http://localhost:4200/powertools-spa/en/USD/product/3881017/angle-grinder-rt-ag-125在单页应用程序中,您可以通过显示应用程序的不同视图来控制用...

如何在 SAP 电商云 Spartacus UI 首页的产品展示里显示视频

如何在 SAP 电商云 Spartacus UI 首页的产品展示里显示视频

Spartacus UI 的 banner Component 显示的图片,最终是通过一个 selector 为 cx-media 的 Component 实现的。路径为projects\storefrontlib\src\shared\components\media\media.componen...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1504+人已加入
加入
相关电子书
更多
使用TensorFlow搭建智能开发系统自劢生成App UI代码
使用TensorFlow搭建智能开发系统自劢生成App UI代码
使用TensorFlow搭建智能开发系统自劢生成App UI代码
立即下载 立即下载 立即下载