How to add progressive web app (PWA)

How to add progressive web app (PWA) in Osclass

osclass-progressive-web-app

osclass-progressive-web-app

  1. Download Example manifest.json in here
  2. Edit manifest.json with code editor like Visual studio code or Sublime (edit text in red box like in example and replace text with your App name/ site name )
  3. Upload manifest.json to oc-content/ themes/ rival/ 
  4. Generate your favicon in here https://www.favicon-generator.org/
  5. Rename 7 favicon with name 36×36.png, 48×48.png,  72×72.png, 96×96.png, 144×144.png, 192×192.png, 512×512.png
  6. Upload all favicon images to oc-content/ themes/ rival/ images (if use rival theme)
  7. Open Cpanel >> public_html/oc-content/ themes/ rival/ common/head.php  (if use rival theme)
  8. Add this code <link rel=”manifest” href=”<?php echo osc_current_web_theme_url(‘manifest.json’); ?>”>
  9. Save head.php and test reload your site

 

Top