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 are related to the CWV and should be considered while developing

Introduction In the PWA registered users can subscribe to and unsubscribe from a newsletter service. Configuration To enable this feature, an e-mail marketing provider has to be configured in Intershop Commerce Management under Channel Preferences | E-mail Marketing. The PWA receives information about

Important To use the Co-Browse functionality ICM version 11.8.0 or above is needed. This document describes the authentication mechanism if the co-browse identity provider is used to enable an agent to log in on behalf of a user. If you need an introduction regarding authentication in the PWA, read the

This guide provides a brief overview of how to update PWA dependencies. Customer Projects In most cases, customer projects should never update dependencies themselves. Whenever a new PWA version is released, the project should consume it completely, following the recommended import instructions. In particular

Description The PendingPaymentOrderCreationChain is skipped when the notification is processed before the callback. The issue is also present when implementing the NotificationRouting capability. Use cases: Callback completed before Notification Notification comes in before callback Notification only

Table of Contents Introduction Enable Logging from Docker-based PWA NGINX and SSR Containers Introduction Within ICM PWA development systems, information from the PWA cache (NGINX) and SSR containers need to be stored in log files for analysis purposes. When launching your PWA as a Docker image/container

Table of Contents Introduction References Caching Options in a PWA Environment Caching via the Browser Cache Cached Content Configuring the Cache Checking the Cache Processing ICM Page Cache Cached Content Cache Configuration Cache Monitoring NGINX Cache Cached Content Cache Configuration Cache Monitoring

Introduction The PWA supports reCAPTCHA V2 as well as reCAPTCHA V3. Which CAPTCHA version is used depends on which CAPTCHA service is created and running in the ICM. The pure CAPTCHA functionality is implemented as a PWA extension and can be found in the extensions folder. There are two basic CAPTCHA

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 verification data. This can be done by defining it

Table of Contents Introduction References Architecture Process Product Process ICM Customization PWA IOM FAQ How Can I Expand the CD Pipeline to Automate Other Environments? Where Can I Find the Project CI Pipeline Property File? How to Customize an Azure DevOps Pipeline? Introduction Intershop provides

Multiple Themes It is possible to create multiple themes for the PWA, and the Intershop Progressive Web App currently uses multi-theming to provide different features, configurations, and styles for the B2B and the B2C application. This mechanism uses Angular configurations to replace files for each

From 5.1 to 5.2 The store action and method addBasketToNewOrderTemplate of the OrderTemplatesFacade have been renamed to createOrderTemplateFromLineItems and refactored slightly. The Intershop PWA specific Pipes sanitize , makeHref and htmlEncode were renamed using the common ish prefix that is used

When customizing the PWA, always keep in mind that you may want to upgrade from time to time and will have to merge incoming changes into your codebase. We, therefore, suggest not to edit existing files to a large extent and to keep them as intact as possible. In this document we provide a couple of

Formly Overview Formly-Form Component FormlyFieldConfig Customizing Form Logic Custom Field Types Custom Wrappers Custom Extensions Validation Extras Formly Config Service Testing Formly Testing Custom Types Testing Wrappers How to Configure Formly Intershop's Custom Formly Parts Field Types Wrappers

This document describes how to run PWA and ICM using the Hybrid Approach, so that pages from the Intershop Progressive Web App and pages from the classic storefront (Responsive Starter Store) can be run in parallel. A possible scenario would be to have the shopping experience with all its SEO optimizations

In a complex application like the Intershop Progressive Web App, there are multiple ways and kinds of configuration. The complexity increases if you consider that the communication with Intershop Commerce Management has to be coordinated as well. In addition, the PWA, when run with Angular Universal

This concept describes how NgRx is integrated into the Intershop Progressive Web App for the application wide state management. Architecture NgRx is a framework for handling state information in Angular applications following the Redux pattern. It consist of a few basic parts: State The state is seen

Developing with the Intershop PWA requires to download and install Node.js with the included npm package manager. Check the project's package.json in the engines section for the recommended node version. Note If you will work with different Node.js based projects or different PWA versions, we recommend

Field Library 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

Intershop Progressive Web App uses the internationalization library ngx-translate for localization. In addition the dependency to Angular's internationalization tools (i18n) is needed as a dependency for ng-bootstrap. For more information refer to: NGX-Translate: The internationalization (i18n) library