DocumentationAEM as a Cloud ServiceUser Guide

Commerce Multi-Store Setup multi-store

Last update: Mon Dec 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

The Adobe Experience Manager (AEM) CIF Core Components can be used on multiple AEM site structures and the underlying GraphQL client implementation can connect to different Adobe Commerce stores / store views. This allows projects to implement complex multi-store / multi-site setups.

A video walkthrough detailing options for integrating multiple Adobe Commerce Store Views with Adobe Experience Manager Sites.

https://video.tv.adobe.com/v/28952/?quality=12

AEM Multi-Site Management features of Live Copy and Language Copy are used with the Commerce Integration Framework to globally manage sites across regions and locales.

The recommended setup is to use a 1:1 relationship between the AEM site and the Adobe Commerce store view.

To connect an AEM site and AEM CIF Core Components to a dedicated store view, do the following:

Configuration configuration

  1. Configure multiple stores & store views according to the pattern described in Adobe Commerce Websites, Stores & Views

  2. Make sure the connection between AEM & Adobe Commerce is working.

  3. Create a child configuration of the CIF Cloud Service config following these steps:

    • In AEM go to Tools > General > Configuration Browser
    • Select the base configuration that you created
    • Create a configuration using the steps described at point 2 above

    This new configuration is created as a child configuration of the base one. You can now go to Tools > General > Configuration Browser and create the configuration settings.

    note tip
    TIP
    Commerce catalogs can be addressed by using IDs or UIDs. UIDs got introduced in Adobe Commerce 2.4.2. Only enable this if your commerce backend supports a GraphQL schema of version 2.4.2 or later.

  4. Assign the child configuration to an AEM site

    • Go to the AEM Sites console
    • Navigate to the region or language root of your site structure. For example, /content/venia/us _or_ /content/venia/us/en for the Venia sample page
    • Select the page and open the page properties
    • Select the Advanced tab
    • In the Configuration section, select the configuration that you created at step 3

Additional Resources

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab