Mstoreapp
Search…
Getting Started

Getting started

Setup ionic environment - to know more about ionic environment setup see, ionic framework official document - https://ionicframework.com/docs/intro/installation/
Unzip downloaded files
Change your details in app/config.xml. Change id, name, description, author, email, href
1
<?xml version='1.0' encoding='utf-8'?>
2
<widget id="com.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
3
<name>WooCommerce</name>
4
<description>An awesome WooCommerce app.</description>
5
<author email="[email protected]" href="http://mstoreapp.com/">Mstoreapp Team</author>
Copied!
CD app
1
$ cd app
Copied!
Add android and ios platform to your project
1
$ ionic cordova platform add android
Copied!
1
$ ionic cordova platform add ios
Copied!

Wordpress Plugin Installation

To install plugin mstoreapp-mobile-app for WordPress follow these steps.
Install Redux Frameworks. If you have not installed yet - https://wordpress.org/plugins/redux-framework/
  1. 1.
    In Wordpress admin panel. Plugins > Add New > Upload plugin > Choose file Chose downloaded mstoreapp-mobile-app.zip file and Install and activate
OR
  1. 1.
    Unzip downloaded mstoreapp-mobile-app.zip and Upload the mstoreapp-mobile-app folder to the wp-content/plugins/ directory.
  2. 2.
    Activate the plugin through the Plugins menu in WordPress.

WooCommerce API

  1. 1.
    It's required to turn on the WordPress permalink on Settings > Permalinks
  2. 2.
    Visit WooCommerce > Settings > Advanced > REST API tab and tick the Enable REST API Checkbox
  3. 3.
    Visit WooCommerce > Settings > Advanced > Legacy API tab and tick the Enable Legacy REST API Checkbox
  4. 4.
    Go to API WooCommerce > Settings > Advanced > REST API > Keys/Apps > Add Key
Select the user in user field and add a description. Choose level of access Read/Write. then select the button Generate API Key and WooCommerce will generate API keys for that user.
Now you should see two new keys, These two keys are your Consumer Key and Consumer Secret
Add url, api keys in app/src/providers/service/config.ts file.
For ionic 4 apps in app/src/app/config.ts file
1
url: any = 'URL_PLACEHOLDER';
2
consumerKey: any = 'CONSUMER_KEY_PLACEHOLDER';
3
consumerSecret: any = 'CONSUMER_SECRET_PLACEHOLDER';
Copied!
Go to Wordpress > Mobile Options. Add Banners Blocks, Category Blocks, Product Blocks and Settings.

Now you can run your app.

1
$ ionic serve
Copied!
1
$ ionic cordova build android
Copied!
1
$ ionic cordova build ios
Copied!
Debug apk may take time to load on some android devices. you need to build --prod to load faster
1
ionic cordova build android --prod
Copied!
1
ionic cordova build ios --prod
Copied!

If you have an issue read FAQ Or Feel free to contact me

https://codecanyon.net/user/hakeemnala Or send me a mail with details of the issue and your purchase code, URL, API, keys admin panel access [email protected]
IF YOU LIKE MY WORK DON’T FORGET TO RATE IT
THANK YOU!
Last modified 2yr ago