SAP Commerce Cloud 的 Simple Resp
2021-09-13 本文已影响0人
华山令狐冲
简单的响应式横幅组件被映射到一个媒体容器,该容器包含不同拐点的多个图像。 横幅始终显示拐点的最佳图像。
简单的响应式横幅组件允许您上传针对宽屏、台式机、平板电脑和智能手机以及店面支持的每种语言进行了优化的图像。 您指定一个 URL 来链接图像。 当客户单击图像时,他们将被重定向到您店面中的页面。
下图显示了在桌面拐点处呈现的简单响应式横幅组件:
![](https://img.haomeiwen.com/i2085791/7a2dd8a1c2dd5bd8.png)
下图显示了在移动拐点中呈现的相同的简单响应式横幅组件:
![](https://img.haomeiwen.com/i2085791/f740e9b8498256c4.png)
Defining the Contents of a Simple Responsive Banner Component
此过程描述了如何定义简单响应式横幅组件的内容。
在 Component Editor 里,切换到 Content 面板:
![](https://img.haomeiwen.com/i2085791/f27a68167673ffb8.png)
在 media 区域上传对应的图片:
![](https://img.haomeiwen.com/i2085791/14ef094d37f8290e.png)
下图是 SAP Spartacus banner 运行时的一个例子:
![](https://img.haomeiwen.com/i2085791/3250e5637794c6c9.png)
![](https://img.haomeiwen.com/i2085791/37fc95467e8c6020.png)
更多Jerry的原创文章,尽在:"汪子熙":
![](https://img.haomeiwen.com/i2085791/97c4752c0e619c44.png)