SAP Commerce Cloud, Composable Storefront

https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/
Admin
This documentation provides a comprehensive guide for developing, customizing, and extending the SAP...
Tokens:10,622,767
Snippets:50,424
Trust Score:9.8
Update:1 year ago
Show doc for...
Tokens:
Raw
### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/aa039c46e5eb4c7da752afc0e05947e5_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/a3fab07560c94b8e9e5d8824c0d88580_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/8b571515866910148fc18b9e59d3e084_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/15cdf4e5e27040398d67669506ac931f_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/4d094e78a5494963b2d66148167f0553_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/8b44994b86691014b7b7e63c4bd30592_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/a9f387f70d484c19971aca001dc71bc5_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/f44213eff200420a8707443d1b8e5bd9_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### Starting Composable Storefront App

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/edc7f3a95ac4424b9cc5077d86a62e36_locale=en-US&state=PRODUCTION&version=2211

Guidance on how to start your Composable Storefront application. This section covers the initial setup and launch procedures for the storefront.

```markdown
* [Starting Your Composable Storefront App](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/5de67850bd8d487181fef9c9ba59a31d.html?locale=en-US&state=PRODUCTION&version=2211#loio1505a10835504bd19a7d1161a0fc2684)
```

--------------------------------

### Starting Composable Storefront App

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/05fdc6bf78dd47c39f2f3d008c2e8c42_locale=en-US&state=PRODUCTION&version=2211

Guidance on how to start your Composable Storefront application. This section covers the initial setup and launch procedures for the storefront.

```markdown
* [Starting Your Composable Storefront App](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/5de67850bd8d487181fef9c9ba59a31d.html?locale=en-US&state=PRODUCTION&version=2211#loio1505a10835504bd19a7d1161a0fc2684)
```

--------------------------------

### Starting Composable Storefront App

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/5de67850bd8d487181fef9c9ba59a31d_locale=en-US&state=PRODUCTION&version=2211

Guidance on how to start your Composable Storefront application. This section covers the initial setup and launch procedures for the storefront.

```markdown
* [Starting Your Composable Storefront App](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/5de67850bd8d487181fef9c9ba59a31d.html?locale=en-US&state=PRODUCTION&version=2211#loio1505a10835504bd19a7d1161a0fc2684)
```

--------------------------------

### SmartEdit Getting Started and Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/6a0dae49ef2c4fe3b475084079cb7360_locale=en-US&state=PRODUCTION&version=2211

Guides users through the initial steps of using SmartEdit, including installation, environment setup, and essential configurations for storefront integration.

```APIDOC
Getting Started with SmartEdit:
  - Introduces the user to SmartEdit and its capabilities.

Installing SmartEdit:
  - Provides instructions for installing SmartEdit.

Setting Up Your SmartEdit Development Environment:
  - Details the steps required to configure a development environment for SmartEdit.

Configuring Content Security Policy (CSP):
  - Explains how to configure CSP for SmartEdit to enhance security.

Setting Up Support for Cross Origin Domains:
  - Guides on enabling support for cross-origin domain interactions.
    - Setting Up the Preview URL of Your Storefront:
      - Configures the preview URL for the storefront within SmartEdit.
    - Permitting SmartEdit for Your Storefront:
      - Details the process of allowing SmartEdit access to the storefront.
    - Adding HTTP CSP Frame-Ancestors:
      - Instructions for adding Frame-Ancestors to the HTTP CSP.
    - Setting a Custom Domain Name to Locally Test Your Cross-Origin Setup:
      - Describes how to use custom domain names for local cross-origin testing.
    - Modifying Tag File:
      - Information on how to modify tag files for SmartEdit integration.
    - SameSite Cookie Attribute Handler:
      - Explains the handling of the SameSite cookie attribute in SmartEdit.
```

--------------------------------

### Starting Composable Storefront App

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/e38d45609de04412920a7fc9c13d41e3_locale=en-US&state=PRODUCTION&version=2211

Guidance on how to start your Composable Storefront application. This section covers the initial setup and launch procedures for the storefront.

```markdown
* [Starting Your Composable Storefront App](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/5de67850bd8d487181fef9c9ba59a31d.html?locale=en-US&state=PRODUCTION&version=2211#loio1505a10835504bd19a7d1161a0fc2684)
```

--------------------------------

### SAP Commerce Composable Storefront Installation Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/5de67850bd8d487181fef9c9ba59a31d_locale=en-US&state=PRODUCTION&version=2211

Provides a step-by-step guide for installing and configuring the SAP Commerce Composable Storefront. It covers downloading, unzipping, creating a new recipe, building, initializing, importing OCC credentials, and optional system/user credential updates.

```English
Installation and Configuration Instructions
Step 1: Downloading, Unzipping, and Creating the New Recipe
Step 2: Building and Initialize the New Recipe
Step 3: Importing OCC Credentials
Step 4: Updating System and User Credentials (Optional)
All Done
Notes
Troubleshooting
```

--------------------------------

### SAP Commerce Composable Storefront Installation Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/e38d45609de04412920a7fc9c13d41e3_locale=en-US&state=PRODUCTION&version=2211

Provides a step-by-step guide for installing and configuring the SAP Commerce Composable Storefront. It covers downloading, unzipping, creating a new recipe, building, initializing, importing OCC credentials, and optional system/user credential updates.

```English
Installation and Configuration Instructions
Step 1: Downloading, Unzipping, and Creating the New Recipe
Step 2: Building and Initialize the New Recipe
Step 3: Importing OCC Credentials
Step 4: Updating System and User Credentials (Optional)
All Done
Notes
Troubleshooting
```

--------------------------------

### SAP Commerce Composable Storefront Installation Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/edc7f3a95ac4424b9cc5077d86a62e36_locale=en-US&state=PRODUCTION&version=2211

Provides a step-by-step guide for installing and configuring the SAP Commerce Composable Storefront. It covers downloading, unzipping, creating a new recipe, building, initializing, importing OCC credentials, and optional system/user credential updates.

```English
Installation and Configuration Instructions
Step 1: Downloading, Unzipping, and Creating the New Recipe
Step 2: Building and Initialize the New Recipe
Step 3: Importing OCC Credentials
Step 4: Updating System and User Credentials (Optional)
All Done
Notes
Troubleshooting
```

--------------------------------

### SAP Commerce Composable Storefront Installation Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/05fdc6bf78dd47c39f2f3d008c2e8c42_locale=en-US&state=PRODUCTION&version=2211

Provides a step-by-step guide for installing and configuring the SAP Commerce Composable Storefront. It covers downloading, unzipping, creating a new recipe, building, initializing, importing OCC credentials, and optional system/user credential updates.

```English
Installation and Configuration Instructions
Step 1: Downloading, Unzipping, and Creating the New Recipe
Step 2: Building and Initialize the New Recipe
Step 3: Importing OCC Credentials
Step 4: Updating System and User Credentials (Optional)
All Done
Notes
Troubleshooting
```

--------------------------------

### Product Configurator Library Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/8cdca260bebf4425be0d50a42bbae643_locale=en-US&state=PRODUCTION&version=2211

Instructions for installing the Product Configurator Library during the initial setup of Composable Storefront. This also includes guidance on adding the library to an existing Composable Storefront project.

```Documentation
Installing the Product Configurator Library During the Initial Setup of Composable Storefront
```

```Documentation
Adding the Product Configurator Library to an Existing composable storefront Project
```

--------------------------------

### Product Configurator Library Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/162ddea257ef42348221c0fc1dbd9749_locale=en-US&state=PRODUCTION&version=2211

Instructions for installing the Product Configurator Library during the initial setup of Composable Storefront. This also includes guidance on adding the library to an existing Composable Storefront project.

```Documentation
Installing the Product Configurator Library During the Initial Setup of Composable Storefront
```

```Documentation
Adding the Product Configurator Library to an Existing composable storefront Project
```

--------------------------------

### Product Configurator Library Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/18015e62f6d24449859c04676bc84722_locale=en-US&state=PRODUCTION&version=2211

Instructions for installing the Product Configurator Library during the initial setup of Composable Storefront. This also includes guidance on adding the library to an existing Composable Storefront project.

```Documentation
Installing the Product Configurator Library During the Initial Setup of Composable Storefront
```

```Documentation
Adding the Product Configurator Library to an Existing composable storefront Project
```

--------------------------------

### Product Configurator Library Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/06a12afbc2fc4daaa9d5c9bbd8b02690_locale=en-US&state=PRODUCTION&version=2211

Instructions for installing the Product Configurator Library during the initial setup of Composable Storefront. This also includes guidance on adding the library to an existing Composable Storefront project.

```Documentation
Installing the Product Configurator Library During the Initial Setup of Composable Storefront
```

```Documentation
Adding the Product Configurator Library to an Existing composable storefront Project
```

--------------------------------

### Product Configurator Library Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/6c8355c8101a443e957701f84f509666_locale=en-US&state=PRODUCTION&version=2211

Instructions for installing the Product Configurator Library during the initial setup of Composable Storefront. This also includes guidance on adding the library to an existing Composable Storefront project.

```Documentation
Installing the Product Configurator Library During the Initial Setup of Composable Storefront
```

```Documentation
Adding the Product Configurator Library to an Existing composable storefront Project
```

--------------------------------

### Product Configurator Library Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/32b2bf2cf0994ddab9f0a22f87d162ff_locale=en-US&state=PRODUCTION&version=2211

Instructions for installing the Product Configurator Library during the initial setup of Composable Storefront. This also includes guidance on adding the library to an existing Composable Storefront project.

```Documentation
Installing the Product Configurator Library During the Initial Setup of Composable Storefront
```

```Documentation
Adding the Product Configurator Library to an Existing composable storefront Project
```

--------------------------------

### Define UserAccountFacade Proxy

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/f44487ba0e984e129039a40d41bf81b8_locale=en-US

Example of defining a proxy for UserAccountFacade with a 'get' method, linked to the USER_ACCOUNT_CORE_FEATURE.

```typescript
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { User } from '@spartacus/core';
import { facadeFactory } from '@spartacus/storefront';
import { USER_ACCOUNT_CORE_FEATURE } from '@spartacus/user/core';

// Assuming UserAccountFacade and User are defined elsewhere
// declare abstract class UserAccountFacade { abstract get(): Observable<User | undefined>; }
// declare const USER_ACCOUNT_CORE_FEATURE: any; // Placeholder for feature definition

@Injectable({
  providedIn: 'root',
  useFactory: () =>
    facadeFactory({
      facade: UserAccountFacade,
      feature: USER_ACCOUNT_CORE_FEATURE,
      methods: ['get'],
    }),
})
export abstract class UserAccountFacade {
  abstract get(): Observable<User | undefined>;
}
```

--------------------------------

### Define UserAccountFacade Proxy

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/f44487ba0e984e129039a40d41bf81b8

Example of defining a UserAccountFacade proxy with a 'get' method, linked to the USER_ACCOUNT_CORE_FEATURE. This demonstrates the use of `facadeFactory` for proxy creation.

```TypeScript
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { User } from '@spartacus/core';

// Assuming UserAccountFacade and USER_ACCOUNT_CORE_FEATURE are defined elsewhere
// import { UserAccountFacade } from './user-account.facade';
// import { USER_ACCOUNT_CORE_FEATURE } from './user-account-core.module';

@Injectable({
  providedIn: 'root',
  useFactory: () =>
    facadeFactory({
      facade: UserAccountFacade,
      feature: USER_ACCOUNT_CORE_FEATURE,
      methods: ['get'],
    }),
})
export abstract class UserAccountFacade {
  abstract get(): Observable<User | undefined>;
}
```

--------------------------------

### SAP Commerce Cloud Integration Flow Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/63577f67a67347bf9f4765a5385ead33_locale=en-US&state=PRODUCTION&version=2211

Guides on setting up integration flows and configuring outbound communication between SAP Commerce Cloud and SAP Cloud Integration.

```APIDOC
Setting Up the Integration Flow:
  URL: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/b2f400d4c0414461a4bb7e115dccd779/f2435167db5f48fd85f134049e7921ee.html?locale=en-US&state=PRODUCTION&version=v2211

Configuring Outbound Communication Between SAP Commerce Cloud and SAP Cloud Integration:
  URL: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/b2f400d4c0414461a4bb7e115dccd779/b5fd5e1b8a9b42dc997d893570c3c7a0.html?locale=en-US&state=PRODUCTION&version=v2211
```

--------------------------------

### Configuring Custom TMS Collector

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/29d58d0df69a4afba0e08923f5d784d7_locale=en-US

Example of how to configure a custom TMS collector service within the Composable Storefront's module setup using BaseTmsModule.forRoot.

```javascript
BaseTmsModule.forRoot({
  tagManager: {
    gtm: {
      collector: MyCollectorService,
      events: [NavigationEvent, CartAddEntrySuccessEvent],
    },
    ...
  },
}),
```

--------------------------------

### Configuring Custom TMS Collector

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/29d58d0df69a4afba0e08923f5d784d7

Example of how to configure a custom TMS collector service within the Composable Storefront's module setup using BaseTmsModule.forRoot.

```javascript
BaseTmsModule.forRoot({
  tagManager: {
    gtm: {
      collector: MyCollectorService,
      events: [NavigationEvent, CartAddEntrySuccessEvent],
    },
    ...
  },
}),
```

--------------------------------

### SAP Commerce Cloud SmartEdit Quick Start Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/aa039c46e5eb4c7da752afc0e05947e5_locale=en-US&state=PRODUCTION&version=2211

A quick start guide for developers on using SmartEdit with SAP Commerce Cloud Composable Storefront.

```APIDOC
SmartEdit Quick Start Guide for Developers:
  Purpose: Provides a rapid introduction for developers to begin using SmartEdit with SAP Commerce Cloud.
  Documentation Link: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/e1391e5265574bfbb56ca4c0573ba1dc/3a271343c3de4987be796bdb7bb27d16.html?locale=en-US&state=PRODUCTION&version=v2211
```

--------------------------------

### SAP Commerce Cloud SmartEdit Quick Start Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/a3fab07560c94b8e9e5d8824c0d88580_locale=en-US&state=PRODUCTION&version=2211

A quick start guide for developers on using SmartEdit with SAP Commerce Cloud Composable Storefront.

```APIDOC
SmartEdit Quick Start Guide for Developers:
  Purpose: Provides a rapid introduction for developers to begin using SmartEdit with SAP Commerce Cloud.
  Documentation Link: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/e1391e5265574bfbb56ca4c0573ba1dc/3a271343c3de4987be796bdb7bb27d16.html?locale=en-US&state=PRODUCTION&version=v2211
```

--------------------------------

### SAP Commerce Cloud 2211 Installation for Composable Storefront

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/edc7f3a95ac4424b9cc5077d86a62e36_locale=en-US&state=PRODUCTION&version=2211

Detailed instructions for installing SAP Commerce Cloud version 2211 to be used with the Composable Storefront. This covers downloading, unzipping, creating recipes, building, initializing, and importing credentials.

```markdown
Installing SAP Commerce Cloud 2211 for use with Composable Storefront
  * [Important Disclaimers](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioa64f41b59fb641b2af0631ca3b5941d8)
  * [Installation and Configuration Instructions](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiofb7da4d156be4ded884dd30cfa218dd7)
  * [Step 1: Downloading, Unzipping, and Creating the New Recipe](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioc8be4795e10c4141a532ba243c94542c)
  * [Step 2: Building and Initialize the New Recipe](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiob7fe2c13dc19427e860c5fea6b9acc87)
  * [Step 3: Importing OCC Credentials](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loio31a04a72f7c8482884285c6c2fd0be50)
  * [Step 4: Updating System and User Credentials (Optional)](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioaa27e3b6a80e4ca18394ba028e24210d)
  * [All Done](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiod1c8341e8ffd499099b265b6fed0133f)
  * [Notes](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loio1145b9238d3b41f182a919af8a532f62)
  * [Troubleshooting](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioc0efb2bffdc14a22914b62f4ed672c1d)
```

--------------------------------

### SAP Commerce Cloud 2211 Installation for Composable Storefront

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/5de67850bd8d487181fef9c9ba59a31d_locale=en-US&state=PRODUCTION&version=2211

Detailed instructions for installing SAP Commerce Cloud version 2211 to be used with the Composable Storefront. This covers downloading, unzipping, creating recipes, building, initializing, and importing credentials.

```markdown
Installing SAP Commerce Cloud 2211 for use with Composable Storefront
  * [Important Disclaimers](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioa64f41b59fb641b2af0631ca3b5941d8)
  * [Installation and Configuration Instructions](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiofb7da4d156be4ded884dd30cfa218dd7)
  * [Step 1: Downloading, Unzipping, and Creating the New Recipe](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioc8be4795e10c4141a532ba243c94542c)
  * [Step 2: Building and Initialize the New Recipe](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiob7fe2c13dc19427e860c5fea6b9acc87)
  * [Step 3: Importing OCC Credentials](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loio31a04a72f7c8482884285c6c2fd0be50)
  * [Step 4: Updating System and User Credentials (Optional)](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioaa27e3b6a80e4ca18394ba028e24210d)
  * [All Done](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiod1c8341e8ffd499099b265b6fed0133f)
  * [Notes](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loio1145b9238d3b41f182a919af8a532f62)
  * [Troubleshooting](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioc0efb2bffdc14a22914b62f4ed672c1d)
```

--------------------------------

### SAP Commerce Cloud SmartEdit Quick Start Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/8b571515866910148fc18b9e59d3e084_locale=en-US&state=PRODUCTION&version=2211

A quick start guide for developers on using SmartEdit with SAP Commerce Cloud Composable Storefront.

```APIDOC
SmartEdit Quick Start Guide for Developers:
  Purpose: Provides a rapid introduction for developers to begin using SmartEdit with SAP Commerce Cloud.
  Documentation Link: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/e1391e5265574bfbb56ca4c0573ba1dc/3a271343c3de4987be796bdb7bb27d16.html?locale=en-US&state=PRODUCTION&version=v2211
```

--------------------------------

### SAP Commerce Cloud SmartEdit Quick Start Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/8b44994b86691014b7b7e63c4bd30592_locale=en-US&state=PRODUCTION&version=2211

A quick start guide for developers on using SmartEdit with SAP Commerce Cloud Composable Storefront.

```APIDOC
SmartEdit Quick Start Guide for Developers:
  Purpose: Provides a rapid introduction for developers to begin using SmartEdit with SAP Commerce Cloud.
  Documentation Link: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/e1391e5265574bfbb56ca4c0573ba1dc/3a271343c3de4987be796bdb7bb27d16.html?locale=en-US&state=PRODUCTION&version=v2211
```

--------------------------------

### Composable Storefront Project Setup

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/e38d45609de04412920a7fc9c13d41e3_locale=en-US&state=PRODUCTION&version=2211

Guidance on setting up a new project for the SAP Commerce Composable Storefront. This includes steps for project initialization and configuration to ensure a smooth development workflow.

```markdown
Project Setup
  * [Project Setup](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/bf31098d779f4bdebb7a2d0591917363.html?locale=en-US&state=PRODUCTION&version=2211#loio96bef4be62104e46b84e4edc3eeeccda)
```

--------------------------------

### SAP Commerce Cloud 2211 Installation for Composable Storefront

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/e38d45609de04412920a7fc9c13d41e3_locale=en-US&state=PRODUCTION&version=2211

Detailed instructions for installing SAP Commerce Cloud version 2211 to be used with the Composable Storefront. This covers downloading, unzipping, creating recipes, building, initializing, and importing credentials.

```markdown
Installing SAP Commerce Cloud 2211 for use with Composable Storefront
  * [Important Disclaimers](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioa64f41b59fb641b2af0631ca3b5941d8)
  * [Installation and Configuration Instructions](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiofb7da4d156be4ded884dd30cfa218dd7)
  * [Step 1: Downloading, Unzipping, and Creating the New Recipe](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioc8be4795e10c4141a532ba243c94542c)
  * [Step 2: Building and Initialize the New Recipe](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiob7fe2c13dc19427e860c5fea6b9acc87)
  * [Step 3: Importing OCC Credentials](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loio31a04a72f7c8482884285c6c2fd0be50)
  * [Step 4: Updating System and User Credentials (Optional)](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioaa27e3b6a80e4ca18394ba028e24210d)
  * [All Done](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loiod1c8341e8ffd499099b265b6fed0133f)
  * [Notes](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loio1145b9238d3b41f182a919af8a532f62)
  * [Troubleshooting](https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/cfcf687ce2544bba9799aa6c8314ecd0/6a04941777e242508bdd1dc395a15553.html?locale=en-US&state=PRODUCTION&version=2211#loioc0efb2bffdc14a22914b62f4ed672c1d)
```

--------------------------------

### SAP Commerce Cloud SmartEdit Quick Start Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/4d094e78a5494963b2d66148167f0553_locale=en-US&state=PRODUCTION&version=2211

A quick start guide for developers on using SmartEdit with SAP Commerce Cloud Composable Storefront.

```APIDOC
SmartEdit Quick Start Guide for Developers:
  Purpose: Provides a rapid introduction for developers to begin using SmartEdit with SAP Commerce Cloud.
  Documentation Link: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/e1391e5265574bfbb56ca4c0573ba1dc/3a271343c3de4987be796bdb7bb27d16.html?locale=en-US&state=PRODUCTION&version=v2211
```

--------------------------------

### SAP Commerce Cloud SmartEdit Quick Start Guide

Source: https://help.sap.com/docs/SAP_COMMERCE_COMPOSABLE_STOREFRONT/eaef8c61b6d9477daf75bff9ac1b7eb4/15cdf4e5e27040398d67669506ac931f_locale=en-US&state=PRODUCTION&version=2211

A quick start guide for developers on using SmartEdit with SAP Commerce Cloud Composable Storefront.

```APIDOC
SmartEdit Quick Start Guide for Developers:
  Purpose: Provides a rapid introduction for developers to begin using SmartEdit with SAP Commerce Cloud.
  Documentation Link: https://help.sap.com/docs/SAP_COMMERCE_CLOUD_PUBLIC_CLOUD/e1391e5265574bfbb56ca4c0573ba1dc/3a271343c3de4987be796bdb7bb27d16.html?locale=en-US&state=PRODUCTION&version=v2211
```
Tokens:
Raw