Customize Plugin - niteshpatare/jQWaffle GitHub Wiki

# Incase you wish to customize the plugin follow the below steps

1. Download the repository from the Github.

2. Open the jQWaffle folder in command prompt.

3. Make a copy of dist folder and name it E.G. MyProject, You can customize the HTML and CSS as per your requirement.

4. Incase you needs to customize the javascript. E.g. Make a call to another background service on opening the waffle plugin call, visit code section where we have the below code

   if ( settings.waffleMenuAction === settings.waffleMenuActionList.open ) {
       element.each( (e) => {
       $navFlyMenu.addClass("showMe");
   
       //Custom code call to background service add
   
       });
   }      
   

5. Run the below NPM commands.

   npm install

6. Run npm build command to compile JS files to vanilla Js. They are found in lib folder after compilation.

   npm run build

7. Copy the assets folder from lib folder to the MyProjects folder.

8. You have a customized copy of plugin inside MyProjects folder.