Commerce integration frameworkGitHub版本概述

作者可以在站点编辑器中通过新的“查看产品/类别”选项，预览包含产品/类别的产品详细信息和产品列表页面。

作者可以按产品SKU标记资产并按SKU搜索特定于产品的资产。

购物车中添加了添加/删除优惠券支持。

AEM Venia店面添加了Braintree支付支持。

类别/产品选取器经过增强，可遵循多商店设置中指定的Adobe Commerce商店视图。

基于React的组件以npm包形式提供。 这允许开发人员使用React组件包作为新React项目的依赖项，以便允许自定义现有组件或开发新的基于React的组件。

GraphQL查询自定义已得到简化。 这允许开发人员使用较少的代码自定义CIF核心组件。

产品详细信息页面和产品列表页面的完全可创作模板。 作者现在可以创建模板，并将产品列表和产品详细信息组件拖放到这些模板上。 除了添加其他组件外，作者现在还可以更改这些模板的布局，为他们提供无限制的自由，以便结合营销和商业内容创建令人惊叹的体验。

所有便于作者使用的CIF核心组件都已增强，以支持AEM样式系统。 为产品列表组件提供了示例样式。

用于帐户管理的基于React的客户端组件。 此版本支持以下功能：登录、忘记密码和创建帐户。

产品详细信息和产品列表组件已增强以显示虚拟数据，以便在将这些组件放置到模板/页面上时为作者提供布局预览。

Minicart和Checkout组件现在使用React挂接来提高可扩展性。

通过多模板功能，作者可以扩充特定的产品详细信息页面或产品列表页面。 作者可以轻松创建自定义产品详细信息页面或产品列表页面，并使用产品或类别选取器将自定义页面分配给特定产品或类别。

多目录绑定，允许作者在AEM产品控制台中绑定多个目录。 此外，作者还可以在创建绑定后编辑和查看目录绑定属性。

使用GraphQL的基于React的客户端结账和迷你购物车支持完整的基本购物之旅。

结帐组件包括地址表单、付款选择和配送方式选择。

在CIF原型中嵌入CIF Connector是可选的，这样可为开发人员提供更大的灵活性。

CIF组件与“Venia”特定的CSS样式分离，允许开发人员应用他们选择的CSS样式。

多存储/站点功能，允许在多个CIF站点结构上使用AEM核心组件，并允许底层GraphQL客户端实施连接到不同的Adobe Commerce存储/存储视图。

为某些GraphQL查询启用了通过HTTPGET的GraphQL缓存，以减少响应时间。

产品描述视图是在AEM产品控制台中启用的。

Commerce Teaser扩展了WCM Teaser组件，以允许作者还将CTA字段添加到产品详细信息页面或产品列表页面。

按钮允许作者放置在AEM页面上并链接到AEM页面、产品详细信息页面、产品列表页面或外部链接。

为开发人员提供多个部署选项的首个CIF原型： 1.部署AEM Venia storefront 2. 为新项目部署基架3. 在现有项目中使用CIF元素

多级目录导航，以支持通过类别和子类别的导航。

在类别页面上分页，以获得更好的UX。

在“产品详细信息”和“产品列表”组件中通过客户端呈现价格属性，以支持呈现动态属性。

服务器端产品轮播，以轮播样式显示精选产品的列表。

服务器端特色类别列表，用于在AEM页面上显示类别列表。

AEM B2C店面具有移动优先的Venia CSS样式、登陆页面、通过产品和类别页面进行的动态目录导航、产品搜索页面以及购物车功能，可快速启动和加速商业项目。

CIF连接器和创作工具（产品控制台、产品选取器和类别选取器）使作者能够在AEM中创建包含商业内容的体验。

与Adobe Commerce 2.3.1兼容的CIF核心组件的第一个版本：

• 产品详细信息
• 产品列表
• 产品Teaser
• 导航
• 产品搜索
• 购物车(REST)