官网

简单的响应式横幅组件被映射到一个媒体容器,该容器包含不同拐点的多个图像。 横幅始终显示拐点的最佳图像。

简单的响应式横幅组件允许您上传针对宽屏、台式机、平板电脑和智能手机以及店面支持的每种语言进行了优化的图像。 您指定一个 URL 来链接图像。 当客户单击图像时,他们将被重定向到您店面中的页面。

下图显示了在桌面拐点处呈现的简单响应式横幅组件:

下图显示了在移动拐点中呈现的相同的简单响应式横幅组件:

Defining the Contents of a Simple Responsive Banner Component

此过程描述了如何定义简单响应式横幅组件的内容。

在 Component Editor 里,切换到 Content 面板:

在 media 区域上传对应的图片:

下图是 SAP Spartacus banner 运行时的一个例子:

更多Jerry的原创文章,尽在:“汪子熙”:

SAP Commerce Cloud 的 Simple Responsive Banner Component相关推荐

  1. 如何通过 Impex 在 SAP Commerce Cloud 创建一个新的 Component

    使用下面的 impex 创建一个新的 Component: $contentCatalog=electronics-spaContentCatalog $onlineContentCV=catalog ...

  2. SAP Commerce Cloud CMS 里的一些元素类型

    Content Slots 内容槽是组件的容器.为了在店面中显示组件,您必须将其添加到内容槽中. 共有三种类型的内容槽: 页面内容槽:页面内容槽,也简称为槽,属于它所在的页面,即属于那个页面实例.向槽 ...

  3. 从一个实际的例子出发,谈谈SAP Commerce Cloud电商云的UI自定义开发

    昨天 Jerry 读到了 SAP天天事 公众号上发布的一篇文章:多家知名企业选择 SAP Commerce Cloud 为客户提供卓越购物体验. SAP 日前宣布,锦江国际旗下的全球酒店供应链平台锦江 ...

  4. SAP Commerce Cloud (电商云) UI 的懒加载功能

    最近工作中处理了 SAP Commerce Cloud (电商云) UI 的一个懒加载 (Lazy Load) 功能的问题,这里把自己学到的东西做个记录. UI 懒加载,有时又称惰性加载,延迟加载,是 ...

  5. SAP Commerce Cloud Accelerator theme css 加载的问题和 multi step checkout

    下图是 SAP Commerce Cloud multi step checkout 的页面: url:https://localhost:9002/yacceleratorstorefront/el ...

  6. 将您的基于 Accelerator 的 SAP Commerce Cloud Storefront 迁移到 Spartacus Storefront

    原文:Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已阅读过"迁移到 Spartacus javascr ...

  7. SAP Commerce Cloud Build Manifest Components

    官方帮助文档: https://help.sap.com/viewer/1be46286b36a4aa48205be5a96240672/v2011/en-US/2be55790d99e4a1dad4 ...

  8. 如何安装 SAP Commerce Cloud,以便让 SAP Spartacus 使用

    官网链接:https://sap.github.io/spartacus-docs/installing-sap-commerce-cloud-2011/ 分别下载SAP Commerce Cloud ...

  9. SAP 产品一脉相承的 UI 增强思路,在 SAP Commerce Cloud(电商云) UI 增强实现中的体现

    本文首先快速回顾几种 SAP 产品中的 UI 增强思路,然后具体介绍该思路是如何在 SAP Commerce Cloud(电商云) UI 增强中贯彻实施的. Jerry 之前的文章:Jerry 在 2 ...

最新文章

  1. 使用 acl 库编写发送邮件的客户端程序
  2. 核磁共振影像数据处理-3-DTI基础、Li‘s have a solution and plan.
  3. 买了一本老镇的swift语言实战晋级
  4. python处理表格数据-用Python创建/读取/导出表格数据文件
  5. Spring 学习——Spring AOP——AOP配置篇Advice(有参数传递)
  6. 第七次发博不知道用什么标题好
  7. Goland安装-工欲善其事必先利其器
  8. 2004年9月全国计算机等级考试二级C语言笔试试题及答案
  9. vep加密文件如何转换为mp4提取去水印录屏教程
  10. 多显示器被禁用无法开启_高刷等带来丝滑游戏体验:华硕ROG XG32VC电竞显示器...
  11. 190115_Vue下路由History mode导致页面无法渲染的原因
  12. 义冢oj P5033打气球
  13. 节假日读取接口_2018年节假日API接口,直接计算好的
  14. input_delay
  15. Python 中冒号使用
  16. 有什么佩戴舒适的性价比蓝牙耳机,佩戴舒适性价比蓝牙耳机推荐
  17. 基于AT89C51单片机的温度计设计
  18. 深度解析,数字化工厂顶层架构
  19. teradata 查看 表定义_teradata建表DDL
  20. mac新手教程:十分钟轻松熟悉操作Mac系统

热门文章

  1. thinkpad重装系统不引导_联想电脑重装系统无法引导原因及解决方法
  2. 骞云科技完成500万美元A+轮融资,清流资本领投
  3. C++ 多线程学习总结
  4. 黄铭钧:院长创业与酒
  5. 完了!生产事故!几百万消息在消息队列里积压了几个小时!
  6. 论文阅读 Hourglass:Stacked Hourglass Networks for Human Pose Estimation
  7. matlab link offset,基于MATLAB教学型机器人空间轨迹仿真
  8. 数据库中LIMIT和 OFFSET的理解
  9. oracle vs. SQL 同义词synonym 别名 alias
  10. 高精度地图-黑客又要开始装逼了!