WPLMS
  • About
  • Documentation Structure
  • Changelog
  • Installation
    • Installing WPLMS on a Fresh WP Install
    • Upgrading from a 3.x or an older WPLMS Version.
    • Installing WPLMS on an Existing WordPress site.
  • Administrator Guide
    • Beginners Guide
    • Setting Up
      • Login and Registration
      • Directories
        • Course Layouts
        • Profile Layouts
      • Menus
      • Customizer / Colors / Fonts
        • Header
      • Vibe Options Panel
      • Sidebars & Widgets
      • Footer
      • Icon Set
      • Required pages for WPLMS
      • BuddyPress Single page
  • Extending Options
    • Adding Captcha to Forms
    • Adding Custom Sections in Courses
  • Members Area
    • Dashboards
    • Profile
  • Setting Up Layouts
  • PWA
  • Android App
  • Translation Guide
    • WPML Integration - MultiLingual sites
    • Buddypress Translation
      • Buddy Press Translation Guide Using Loco Translator
    • Theme and Plugins Translation
      • Translation FAQs
      • Translate Using Loco Translate Plugin
  • Admin Guide FAQs
  • Instructor Guide
    • Creating Courses
    • Customize Dashboard
    • Assignments
    • Shortcodes
    • FAQs
  • Student Guide
    • Members Area
      • Dashboard
      • Profile
      • Courses
      • My Quizzes
      • My Assignments
      • Notes & Review
    • Enroll in Courses
    • Pursuing Courses
      • Pursuing Quizzes
  • Extensions & Addons
    • List of All Addons
    • Extended Addons
      • WPLMS SphereEngine
      • WPLMS Parent User
      • WPLMS Mailchimp
      • WPLMS PDF Certificates
      • WPLMS Get Response
      • WPLMS GroundHogg
      • WPLMS Active Campaign
      • WPLMS Custom Learning Paths
      • WPLMS Unit Timings
      • WPLMS Phone Auth
      • Vibe Appointments
      • WPLMS Attendance
      • WPLMS Woocommerce
      • WPLMS Batches
      • WPLMS EventOn
      • VideoVibe
      • Video Conferencing
        • Lessonspace
        • Vibe Zoom
        • Vibe BigBlueButton
        • Vibe Jitsi
  • Developer Guide
    • Authentication
    • API EndPoints
      • Courses
        • User Actions
    • Customisation tips
    • Custom Extension
  • FAQs
    • FAQs
      • Importing Revolution Slider
      • Importing LayerSlider
    • App FAQ's
Powered by GitBook
On this page
  • Setting up
  • Colors
  • RESILIENT PWA
  • PWA FAQs
  • PWA builder is showing error 500
  • PWA Plus icon does not appear.
  • Editing Elementor Pages When Service Worker is Enabled

Was this helpful?

PWA

Setup PWA for your site.

PreviousSetting Up LayoutsNextAndroid App

Last updated 3 years ago

Was this helpful?

Setting up

Colors

RESILIENT PWA

PWA FAQs

PWA builder is showing error 500

While Generating Android App this issue is faced by some users when your icon image is not of 512x512 px in size.

PWA Plus icon does not appear.

The + Icon will not appear in your PWA because of many reasons. There are 2 files required for PWA,

Both are located in your website root. So you should be able to access them like above links for vibethemes.com

Possible reasons for PWA not working :

  1. Missing Manifest

  2. Missing Service worker file

  3. Missing Icons in Manifest.json

  4. Javascript errors in Service worker file

  5. Scope mismatch of manifest and serviceworker

  6. HTTPS missing

  7. Huge Page and loading times

Each of these have a different debug method and for 1,2,3,4 you can attempt re-generating the service worker from WP admin - Vibebp - Settings- BuddyPress but in general to debug you have to open your site in chrome browser and look for errors in Application :

Editing Elementor Pages When Service Worker is Enabled

When Service Worker is enabled in Vibebp - Settings - General. You are not able to edit the pages in Elementor. This happens as the service worker caches scripts and Elementor is not able to work properly. The quick fix is to unregister the service worker on the page while editing in elementor.

After clicking Unregister, reload the page and your page starts loading normally. This will work with all the page builders(whatever you are using).

Manifest : manifest.json :

Service Worker : firebase-messaging-sw.js : example :

https://vibethemes.com/manifest.json
https://vibethemes.com//firebase-messaging-sw.js?v=0.0002