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

  1. Go to the public\pwa\icons\customer folder in your installation.
  2. Replace all files(icons & splash images) with your icons, splash images keeping the same resolution, name & extension.
  3. 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.
  4. Openjson file in the root of your installation folder.
  • “name”: “FOODLAND
  • “short_name”: “FOODLAND
  • “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

  1. Go to the public\pwa\icons\delivery folder in your installation.
  2. Replace all files(icons & splash images) with your icons, splash images keeping the same resolution, name & extension.
  3. 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.
  4. Open json file in the root of your installation folder.
  • “name”: “FOODLAND DELIVERY
  • “short_name”: “FOODLAND DELIVERY
  • “theme_color”: “#272A36
  • “background_color”: “#ffffff
  • Change those bold marked content with your app name & color theme