It is possible to create multiple themes for the PWA.
This mechanism uses Angular configurations to replace files for each configuration.
The Intershop Progressive Web App currently uses multi-theming to provide different styles for the B2C an the B2B application.
The styles for B2C are defined in
src/styles/themes/default/style.scss, for B2B in
Using schematics to start customizing Intershop Progressive Web App prepares a theme for your own custom styling. (See Customizations - Start Customization)
To configure and run the Intershop PWA with only one project/brand specific theme start the customization by setting the
<brand> theme as default theme.
node schematics/customization/add --default <brand>
This configures the
<brand> theme as the only active theme in the
Besides that, all necessary configurations in
override/schema.json are made and a new
src/styles/themes/<brand> folder and
environment.<brand>.ts is created that should be used for further project development.
NOTE: If only one theme is active, PM2 will run the theme-specific SSR process in cluster mode on the default port (see Building Multiple Themes).
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.