Related Github Documents
Document Properties
Kbid
3L0562
Last Modified
13-Oct-2022
Added to KB
27-Aug-2022
Public Access
Everyone
Status
Online
Doc Type
Guidelines, Concepts & Cookbooks
Product
Intershop Progressive Web App

Guide - Intershop Progressive Web App - Multiple Themes

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 an the B2C application.
This mechanism uses Angular configurations to replace files for each configuration.

The styles for B2B are defined in src/styles/themes/b2b/style.scss, for B2C in src/styles/themes/b2c/style.scss.

Developing the PWA with several themes

Before using multiple themes, use schematics to set your default theme: Customizations - Start Customization.

Now add another theme without using --default:

node schematics/customization/add <theme-prefix>

This will add the theme to the according files and create styling specific folders and files, see Customizations - Start Customization.

Further References

Disclaimer

The information provided in the Knowledge Base may not be applicable to all systems and situations. Intershop Communications will not be liable to any party for any direct or indirect damages resulting from the use of the Customer Support section of the Intershop Corporate Web site, including, without limitation, any lost profits, business interruption, loss of programs or other data on your information handling system.

Customer Support
Knowledge Base
Product Resources
Tickets