WooCommerce App Docs

Last updated 15 hours ago

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

<?xml version='1.0' encoding='utf-8'?>
<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">
<name>WooCommerce</name>
<description>An awesome WooCommerce app.</description>
<author email="support@mstoreapp.com" href="http://mstoreapp.com/">Mstoreapp Team</author>

CD app

$ cd app

Add android and ios platform to your project

$ ionic cordova platform add android
$ ionic cordova platform add ios

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. In Wordpress admin panel. Plugins > Add New > Upload plugin > Choose file Chose downloaded mstoreapp-mobile-app.zip file and Install and activate

OR

  1. Unzip downloaded mstoreapp-mobile-app.zip and Upload the mstoreapp-mobile-app folder to the wp-content/plugins/ directory.

  2. Activate the plugin through the Plugins menu in WordPress.

WooCommerce API

  1. It's required to turn on the WordPress permalink on Settings > Permalinks

  2. Visit WooCommerce > Settings > Advanced > REST API tab and tick the Enable REST API Checkbox

  3. Visit WooCommerce > Settings > Advanced > Legacy API tab and tick the Enable Legacy REST API Checkbox

  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 /src/providers/service/config.ts file.

url: any = 'http://example.com';
consumerKey: any = 'ck_bf87b818dfd31d3dsfg4543hdjbcd82cb5f3b07e';
consumerSecret: any = 'cs_11f6613b7eeefdsfhg456ac814058b67cda9c5';

Go to Wordpress > Mobile Options. Add Banners Blocks, Category Blocks, Product Blocks and Settings.

Now you can run your app.

$ ionic serve
$ ionic cordova build android
$ ionic cordova build ios

Debug apk may take time to load on some android devices. you need to build --prod to load faster

ionic cordova build android --prod
ionic cordova build ios --prod

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 hakeem.nala@gmail.com

IF YOU LIKE MY WORK DON’T FORGET TO RATE IT

THANK YOU!