SAP Commerce Cloud 的 Simple Responsive Banner Component
官网
简单的响应式横幅组件被映射到一个媒体容器,该容器包含不同拐点的多个图像。 横幅始终显示拐点的最佳图像。
简单的响应式横幅组件允许您上传针对宽屏、台式机、平板电脑和智能手机以及店面支持的每种语言进行了优化的图像。 您指定一个 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相关推荐
- 如何通过 Impex 在 SAP Commerce Cloud 创建一个新的 Component
使用下面的 impex 创建一个新的 Component: $contentCatalog=electronics-spaContentCatalog $onlineContentCV=catalog ...
- SAP Commerce Cloud CMS 里的一些元素类型
Content Slots 内容槽是组件的容器.为了在店面中显示组件,您必须将其添加到内容槽中. 共有三种类型的内容槽: 页面内容槽:页面内容槽,也简称为槽,属于它所在的页面,即属于那个页面实例.向槽 ...
- 从一个实际的例子出发,谈谈SAP Commerce Cloud电商云的UI自定义开发
昨天 Jerry 读到了 SAP天天事 公众号上发布的一篇文章:多家知名企业选择 SAP Commerce Cloud 为客户提供卓越购物体验. SAP 日前宣布,锦江国际旗下的全球酒店供应链平台锦江 ...
- SAP Commerce Cloud (电商云) UI 的懒加载功能
最近工作中处理了 SAP Commerce Cloud (电商云) UI 的一个懒加载 (Lazy Load) 功能的问题,这里把自己学到的东西做个记录. UI 懒加载,有时又称惰性加载,延迟加载,是 ...
- SAP Commerce Cloud Accelerator theme css 加载的问题和 multi step checkout
下图是 SAP Commerce Cloud multi step checkout 的页面: url:https://localhost:9002/yacceleratorstorefront/el ...
- 将您的基于 Accelerator 的 SAP Commerce Cloud Storefront 迁移到 Spartacus Storefront
原文:Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已阅读过"迁移到 Spartacus javascr ...
- SAP Commerce Cloud Build Manifest Components
官方帮助文档: https://help.sap.com/viewer/1be46286b36a4aa48205be5a96240672/v2011/en-US/2be55790d99e4a1dad4 ...
- 如何安装 SAP Commerce Cloud,以便让 SAP Spartacus 使用
官网链接:https://sap.github.io/spartacus-docs/installing-sap-commerce-cloud-2011/ 分别下载SAP Commerce Cloud ...
- SAP 产品一脉相承的 UI 增强思路,在 SAP Commerce Cloud(电商云) UI 增强实现中的体现
本文首先快速回顾几种 SAP 产品中的 UI 增强思路,然后具体介绍该思路是如何在 SAP Commerce Cloud(电商云) UI 增强中贯彻实施的. Jerry 之前的文章:Jerry 在 2 ...
最新文章
- 使用 acl 库编写发送邮件的客户端程序
- 核磁共振影像数据处理-3-DTI基础、Li‘s have a solution and plan.
- 买了一本老镇的swift语言实战晋级
- python处理表格数据-用Python创建/读取/导出表格数据文件
- Spring 学习——Spring AOP——AOP配置篇Advice(有参数传递)
- 第七次发博不知道用什么标题好
- Goland安装-工欲善其事必先利其器
- 2004年9月全国计算机等级考试二级C语言笔试试题及答案
- vep加密文件如何转换为mp4提取去水印录屏教程
- 多显示器被禁用无法开启_高刷等带来丝滑游戏体验:华硕ROG XG32VC电竞显示器...
- 190115_Vue下路由History mode导致页面无法渲染的原因
- 义冢oj P5033打气球
- 节假日读取接口_2018年节假日API接口,直接计算好的
- input_delay
- Python 中冒号使用
- 有什么佩戴舒适的性价比蓝牙耳机,佩戴舒适性价比蓝牙耳机推荐
- 基于AT89C51单片机的温度计设计
- 深度解析,数字化工厂顶层架构
- teradata 查看 表定义_teradata建表DDL
- mac新手教程:十分钟轻松熟悉操作Mac系统
热门文章
- thinkpad重装系统不引导_联想电脑重装系统无法引导原因及解决方法
- 骞云科技完成500万美元A+轮融资,清流资本领投
- C++ 多线程学习总结
- 黄铭钧:院长创业与酒
- 完了!生产事故!几百万消息在消息队列里积压了几个小时!
- 论文阅读 Hourglass:Stacked Hourglass Networks for Human Pose Estimation
- matlab link offset,基于MATLAB教学型机器人空间轨迹仿真
- 数据库中LIMIT和 OFFSET的理解
- oracle vs. SQL 同义词synonym 别名 alias
- 高精度地图-黑客又要开始装逼了!