18-Aug-2026 • 48550D • Table Of Contents Ways of Configuring Angular Applications Angular CLI Environments Node.js Environment Variables NgRx Configuration State URL Parameters Different Levels of Configuration Settings Build Settings Deployment Settings Runtime Settings Configurations REST Resource ICM Endpoint Configuration

18-Aug-2026 • 4854T9 • Table Of Contents Quick Start Step 1 - Clone the Project Step 2 - Install the Dependencies Step 3 - Start the Intershop PWA Customization Deployment Running Tests Code Style Type Safety Pre-Commit Check Code Scaffolding Further Help Quick Start Before working with this project, download and install Node

18-Aug-2026 • 4854V8 • Table Of Contents CMS Enhanced Image Teaser Further References With the growing importance of good Core Web Vitals (CWV) metrics, the Intershop PWA includes several optimizations and functionalities that are intended to improve these metrics. The following chapter lists aspects of the Intershop PWA that

18-Aug-2026 • 485B47 • Table Of Contents What is a Product Context? How to Introduce Product Context? By Using ProductContextDirective By Providing ProductContextFacade By Providing SelectedProductContextFacade Retrieving Data from the Product Context Inject ProductContextFacade Use ProductContextAccessDirective Linking Embedded

18-Aug-2026 • 4Z8546 • Table Of Contents Set up an Intershop PWA-based Project Start Customization Specific Concerns Components Theme-Specific Overrides Existing Features New Features Data NgRx Testing Styling Static Assets Dependencies Cypress Tests Hints Further References When customizing the PWA, always keep in mind that

18-Aug-2026 • T48545 • Table Of Contents Configure Cookie Consent Options Control Cookie Consent Banner Display Cookie Consent Settings Enable PWA Functionality Dependent on Cookie Consent Settings Displaying the Cookie Consent Options PWA Required Cookies Disabling the Integrated Cookie Consent Handling The Intershop PWA

18-Aug-2026 • 48544F • Table Of Contents Usage Examples Localization of Simple Text Localization with Parameters Localization with Pluralization Localization with Formatted Dates Localization of Text with HTML Tags Localization in the component(.ts) File Localization of Text with HTML-Anchors (Links) & OnClickHandlers (Callback-Functions)

18-Aug-2026 • 4854C3 • Table Of Contents Setup Workflow Further References We integrated Address Doctor to verify address data for correctness. The current integration is based on the Address Doctor API 6.0.0. Setup First, activate the feature toggle addressDoctor . You will also have to provide the endpoint and additional

18-Aug-2026 • 4854B2 • Table Of Contents Introduction Workflow Check the Accessibility of a Page ESLint Rules Partially Automated Testing Google Lighthouse Silktide - Accessibility Checker WAVE - Web Accessibility Evaluation Tool IBM - Equal Access Accessibility Checker Manual Testing Keyboard Screen Reader Further References

18-Aug-2026 • 4854Y1 • Table Of Contents Building Configuration HTTPS or SSL Basic Auth Multi-Site Ignore Parameters During Caching Access ICM Sitemap Override Identity Providers by Path Add Additional Headers Content Security Policy Other Features Cache Cache Clearing Shared Redis Cache Cache Timing Clearing the Redis Cache

18-Aug-2026 • 4853V9 • NGINX Optimizations NGINX Optimizations Custom Webpack Build PurgeCSS Safelisting Development Further References The NGINX building block applies: Compression of responses ngx_brotli is used to compress files on NGINX because Brotli has a better compression ratio compared to gzip. The configuration of

18-Aug-2026 • 48540N • To enable Store Locator, add storeLocator to the feature list in your environment file. This will enable a page where users can search for stores based on a country, city and/or postal code. Google Maps Integration Store Locator provides an optional Google Maps integration using the Google Maps JavaScript

18-Aug-2026 • 4853V8 • Table Of Contents Overview The Field Library Retrieving Configurations Retrieving Configuration Groups Defining Your Own Configurations & Configuration Groups Defining a FieldLibraryConfiguration Defining a FieldLibraryConfigurationGroup Automatic Field Replacement Using the '#' Pseudo-Type Address Forms

18-Aug-2026 • 4M8537 • Table Of Contents Stick to General Unit Testing Rules Single Responsibility Test Functionality - Not Implementation Do not Comment out Tests Always Test the Initial State of a Service/Component/Module/... Do not Test the Obvious Make Stronger Assertions Do not Meddle with the Framework Assure Readability

18-Aug-2026 • 4853P6 • Table Of Contents Built-in Angular CLI Support Setting Deploy URL Dynamically Problem Solution Building with Dynamic Deploy URL Scenarios CDN Support Embed PWA with Proxy on Website Serving the PWA from a Sub-Path Including Static Files Further References This document describes how to provide the Intershop

18-Aug-2026 • 4853G5 • Table Of Contents Customer Projects PWA Development Recommendations for the Process of Updating 0. Before the Update 1. Updating Angular Dependencies 2. Updating Third-Party Project Dependencies 3. Update Project Utilities for Testing, Reporting and Linting 4. Cleanup Dependencies 5. Update Utilities

18-Aug-2026 • 485U34 • Table Of Contents Building Building Multiple Themes Running Development Local ICM Cache Heap Dumps Creation Analysis Further References Building To simply build the Intershop PWA in server-side rendering mode, you can use the package.json script npm run build , which builds the Intershop PWA with the

18-Aug-2026 • 48533F • Table Of Contents Local Environment Configuration Development Server Testing Production Setups Development Tools Pre-Commit Check Clean Working Copy Visual Studio Code Remote Development Debugging Browser Extensions Tackling Memory Problems Recommended Articles Parallelism Developing with the Intershop

18-Aug-2026 • 4M8532 • From 12.1.0 to 13.0.0 Node.js 24 update The Intershop PWA now uses Node.js 24.19.0 LTS with the corresponding npm version 11.17.0. Please be aware that npm 11 no longer runs dependencies' lifecycle scripts (preinstall/install/postinstall) by default, as a supply‑chain security measure. Packages that

18-Aug-2026 • 48531Q • Table Of Contents Configuration Configuration Parameters Explained Multi-Site Configurations Versioning of SPARQUE Service Requests Feature Toggle Behavior Available Feature Toggles Personalization of SPARQUE Requests Provider Concept Search Suggestions Feature Search Box Component Recent Search Terms