![[JoyFreak] Custom PWA](/data/resource_icons/2/2724.jpg?1604767365){kind=icon}
- Compatible XF Versions
- 2.2.x
Open template PAGE_CONTAINER:
Find:
Replace:
1. Download the webmanifest.zip and extract the contents onto your desktop.
2. Open file webmanifest.json with notepad:
Edit all areas that say "EDIT". It's pretty self explanatory and you can use the default webmanifest.php as guidance if you've set it all up in the Admin CP > Setup > PWA Setup. Just head over to your website and add /webmanifest.php at the end to get all the information to fill out.
Make sure to upload the webmanifest.json to the root folder of where your forum installation is.
The only thing changed between the two files is the "display". Having it as "standalone" will make the app feel like a real app, even on iOS and other devices.
Find:
HTML:
<link rel="manifest" href="{{ base_url('webmanifest.php') }}">Replace:
Code:
<link rel="manifest" href="{{ base_url('webmanifest.json') }}">1. Download the webmanifest.zip and extract the contents onto your desktop.
2. Open file webmanifest.json with notepad:
Edit all areas that say "EDIT". It's pretty self explanatory and you can use the default webmanifest.php as guidance if you've set it all up in the Admin CP > Setup > PWA Setup. Just head over to your website and add /webmanifest.php at the end to get all the information to fill out.
Make sure to upload the webmanifest.json to the root folder of where your forum installation is.
The only thing changed between the two files is the "display". Having it as "standalone" will make the app feel like a real app, even on iOS and other devices.
