How to configure PWA?
- SSL certificate is required for PWA.
- For changing PWA app icon, color theme, name follow below instruction
- Go to \public\web-assets\img\icons 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 browse your site replace those icons, splash images.
- Open manifest.json file in the root of your installation folder.
- “name”: “The Shop“
- “short_name”: “The Shop“
- “theme_color”: “#F5A100“
- “background_color”: “#ffffff“
- Change those bold marked content with your app name & color theme
- Open pwa.blade.php in \resources\views\frontend\inc folder of your installation and change
- <meta name=”theme-color” content=”#F5A100“>
- <meta name=”application-name” content=”The Shop“>
- Open pwa.blade.php in \resources\views\frontend\inc folder of your installation and change
- <meta name=”apple-mobile-web-app-title” content=”The Shop“>
- Change those bold marked content with your app name & color theme