用例

使用以下选项创建您的Cloud Service实例：

1. 在​ 环境 ​下拉列表中选择​ 沙盒。
2. 在​ 测试数据 ​下拉列表中选择​ Adobe Store。

登录到您的Adobe Experience Cloud帐户

使用以下选项设置您的Cloud Service店面：

1. 为模板选择adobe-commerce/adobe-demo-store。
2. 选择​ 为连接方法选择一个可用的实例(Mesh -> SaaS)。

在Commerce管理员中，导航到​ 商店 > Settings > 配置 > 付款方式。

在​ 常规配置 ​部分中，输入您的Payment Services Sandbox ID和Payment Services Sandbox Key。 您可以按照沙盒载入中描述的步骤获取这些ID

将​ 启用 ​下拉列表设置为​ 是。

单击​ 保存配置。

转到您在先决条件中创建的店面。

查找并选择产品。 进行任何必要的自定义选择。 然后单击​ 添加到购物车。

{width="600" modal="regular"}

选择购物车图标以查看您的购物车。

{width="600" modal="regular"}

单击​ 签出。

{width="600" modal="regular"}

输入所需的联系人详细信息和送货信息。 您可以为此订单使用虚构的信息。

要结帐，请选择​ 支票/汇票。 如果要使用信用卡，请使用Paypal提供的测试卡之一。 您可以将其与任何将来的到期日期和任何CVC一起使用。

{width="600" modal="regular"}

{width="600" modal="regular"}

单击​ 下单。

打开Commerce管理员： <your store URL>/admin。

使用您的Adobe ID登录。

导航到​ 销售 > 订单。

{width="600" modal="regular"}

查找您下达的订单并确认详细信息。

{width="600" modal="regular"}

打开您在先决条件中创建的店面。

打开店面生成器。 导航到https://da.live/#/<GitHub User Name>/<Repository Name>/main/da/index.md。

打开​ 索引 ​页。

在轮播块下方，通过编辑“欢迎使用Adobe Store演示”行输入新标题。

单击发送图标，然后单击​ 预览。

查看预览页面，然后单击​ 发布。

刷新店面页面，并确认您的更改现已生效。

在Storefront Builder中，选择您的索引页并单击​ 复制。

在主文件夹下创建一个​ 试验 ​文件夹，方法是单击​ 新建 ​按钮并选择​ 文件夹。

在​ 试验 ​文件夹中创建名为​ 1234 ​的文件夹。

将索引页的两个副本粘贴到​ 1234 ​文件夹中。

打开每个页面，并将它们重命名为“homev1”和“homev2”。 这些是您的挑战者。

修改每个页面以包含不同的内容。 例如，更改主页图像或文本。 您需要能够识别每个页面之间的差异。

发布您的每个挑战者页面。

打开控制页，即原始索引页。

添加标题为​ 元数据 ​的新块。

将以下信息添加到元数据块的行

• 标题 — Adobe Commerce

• 描述 — 网络商店

• 试验 — 1234

• 试验变体

  • https://<your-site>.aem.live/experiments/1234/indexv1
  • https://<your-site>.aem.live/experiments/1234/indexv2

{width="600" modal="regular"}

打开无痕浏览或专用浏览窗口，然后导航到您的主页。

关闭专用浏览窗口并重复上一步骤。 每次打开页面时，您都会看到自己创建的随机变体。

打开您在先决条件中创建的店面，然后导航到要更改的项目。 记下SKU或产品代码项。

通过在AEM AssetsAdobe Experience Cloud中选择打开。

{width="600" modal="regular"}

单击Assets。

{width="600" modal="regular"}

按​ SKU ​或​ 产品代码 ​搜索该项目。

选择要编辑的项目，然后单击​ 在Adobe Express中打开。

在adobe express中 {width="600" modal="regular"}

在​ 图像 ​面板中，选择​ 插入对象。

{width="600" modal="regular"}

在文本框中，描述要添加图像。 例如，“雪松树”。

{width="600" modal="regular"}

调整Brush size并绘制要添加生成图像的位置。 在本例中，围绕现有对象绘制以选择背景。

单击​ 生成 ​以查看结果。

通过选择所需的选项并单击​ 保留，从不同的结果中进行选择。

单击​ 您的资料 ​以返回图像编辑器。

单击​ 保存 ​以指定图像类型。

再次单击​ 保存 ​以保存更改。

在​ 保存资源 ​对话框中，选择Commerce 目标文件夹。

{width="600" modal="regular"}

单击​ 另存为新资产 ​以保存图像。

在AEM as a Cloud Service的导航面板中，选择​ Assets > 文件 > Commerce，然后单击您在上一节中创建的资源。

{width="600" modal="regular"}

单击​ 属性。

{width="600" modal="regular"}

选择​ Commerce ​选项卡。

{width="600" modal="regular"}

确保Adobe Commerce中是否存在​ ？ ​字段设置为​ 是。

单击​ 添加，然后输入要将该资产添加到的产品SKU。

{width="600" modal="regular"}

选择资产的职位和资产类型。

选择​ 基本 ​选项卡并将​ 审核状态 ​选项卡更改为​ 已批准。

{width="600" modal="regular"}

单击​ 保存并关闭。

在Adobe Commerce 管理员 ​中，导航到​ 目录 > 产品。

在上一部分中选择将图像添加到的产品。

展开​ 图像和视频 ​部分。

{width="600" modal="regular"}

确认您的图像现在在图像列表中可用。

返回到店面，并导航到已修改产品的页面。

确认新图像是否显示。

{width="600" modal="regular"}

使用通用编辑器打开您的店面站点。

选择要编辑的文本块。

在​ 属性 ​面板中，单击​ 生成变体。

单击​ 生成 ​按钮。

选择或自定义生成的文本。

单击​ 发布 ​以更新店面。

打开生成变体

选择​ 主页横幅 ​模板。

在​ 解释用户交互 ​文本框中，输入：“Adobe员工和合作伙伴购买Adobe品牌齿轮的Experience！”。

在域知识​ 的 URL中，输入​ www.adobestore.com。

单击​ 生成。

选择内容变体并单击​ 生成图像。

从​ 图像大小 ​下拉列表中，选择​ 宽屏(16:9)。

从​ 内容类型 ​下拉列表中，选择​ 照片。

对于​ 样式 ​参考图像，选择现有的Adobe商店横幅。

选择要使用的生成图像，然后单击​ 保存。

对其他参考图像重复此过程以生成更多变体。