Skip links

How to configure PWA(Progressive Web Application)?

How to configure PWA(Progressive Web Application)?

– SSL certificate is required for PWA.
– For changing customer pwa app icon, color theme, name follow below instruction
– Go to the public\pwa\icons\customer folder in your installation.

-Replace all files(icons & splash images) with your icons, splash images keeping
the same resolution, name & extension.
– N.B. Chrome uses a huge cache for these icons. If you change these icons it
won’t reflect on the customer installed app. So before customers browsing your
site replace those icons, splash images.
– Open manifest.json file in the root of your installation folder.
– “name”: “FOODZONE”
– “short_name”: “FOODZONE”
– “theme_color”: “#E23656”
– “background_color”: “#ffffff”
– Change those bold marked content with your app name & color theme
– For changing delivery pwa app icon, color theme, name follow below instruction
– Go to the public\pwa\icons\delivery folder in your installation.
– Replace all files(icons & splash images) with your icons, splash images keeping
the same resolution, name & extension.
– N.B. Chrome uses a huge cache for these icons. If you change these icons it
won’t reflect on the customer installed app. So before customers browsing your
site replace those icons, splash images.
– Open delivery_manifest.json file in the root of your installation folder.
– “name”: “FOODZONE DELIVERY”
– “short_name”: “FOODZONE DELIVERY”
– “theme_color”: “#272A36”
– “background_color”: “#ffffff”
– Change those bold marked content with your app name & color theme