SAPCommerceCloudAccelerator为B2B、B2C、金融和电信等行业店面解决方案提供完全响应式店面实施。CommerceCloudAccelerator包括一个完整的响应式店面实施,默认情况下为B2B、B2C、金融服务加速器以及电信和公用事业加速器启用。项目实施者无需单独配置桌面和移动店面;根据用于查看页面的设备,网站页面会自动呈现为四种尺寸(移动设备、平板电脑、台式机和超宽屏)之一。下图显示了台式机、平板电脑和手机尺寸的相同产品列表页面。响应式店面目前仅适用于B2B、B2C、金融服务加速器以及电信和公用事业加速器。桌面版本仍可用于其他加速器实现。AcceleratorCommerceCloud的主题提供了两个具有店面颜色和字体定义的主题。B2C店面默认使用alpha(蓝色)主题,B2B店面默认使用lambda(黑色)主题。Theme使用Less来构建响应式店面页面。您可以将这些主题用作您自己的起点,甚至可以从头开始创建新主题。主题文件地址:C:\Code\H2011\hybris\bin\custom\yb2bacceleratorstorefront\web\webroot\_ui\responsive\theme-lambda\imagesCommerce云加速器的响应式实现没有定义加速器桌面实现中包含的所有WCMS组件。但是,没有什么可以阻止将这些组件添加到响应式页面。使用定义的WCMS组件的全功能响应页面。开发者可以参考/yacceleratorstorefront/web/webroot/WEB-INF/views/responsive/cms/文件夹下的文件,查看哪些组件定义为responsive。如果需要未实现的组件,开发人员可以在此目录中提供JSP定义。SAPCommerceCloudAccelerator主题为店面UI元素使用变量,以便可以快速更改颜色。例如,<@text-color>变量定义文本颜色,<@link-color>变量定义链接文本颜色。SAPCommerceCloudAccelerator带有两个主题:alpha(蓝色)和lambda(黑色)。两个主题中使用的颜色在位于/hybris/bin/modules/base-accelerator/yacceleratorstorefront/web/webroot/WEB-INF/_ui-src/responsive/lib/ybase-0.1.0的variables.less文件中定义/少目录。特定主题中使用的颜色在theme-variables.less文件中定义,该文件位于/hybris/bin/modules/base-accelerator/yacceleratorstorefront/web/webroot/WEB-INF/_ui-src/responsive/themes/
