Info
Name | Ionic Opencart Mobile App Template |
Market | codester.com |
Category | Full Applications |
Tags | analytics, android, API, app, cordova, hybrid, ionic, iOS, mobile shopping, oc, OpenCart, payment gateway, push notification, shopping cart |
This is a complete stack of ionic mobile app integration for OpenCart Backend. Easily configurable with any version of existing OpenCart 2.x online shopping site via our API. Specially built for developers following a modular architecture with Cordova Ionic framework, which makes it very easy to reskin and customize. We provide Stripe and PayPal payment modules, and developing a new payment module and integrating with mobile app is easy.
This package contains the full source code for Ionic Mobile App and the Admin Module for OpenCart backend.
“Provide your clients a beautiful mobile app along with the OpenCart shopping website you build”
This guide will explain you how to setup the app quickly using an ionic starter template. In a starter template we provide content of www
folder, and all the additional dependencies should be installed by running few commands. Extract the content of the downloaded zip file. The package contains two folders for ionic
app and opencart
module. Open your CMD or terminal and navigate to the place where you would like your project to be initialized (Ex. C:projects
).
I2CSMOBILE_PACKAGE |__ ionic | |__ starter | |__ full-package |__ opencart |__ ***
This product is based on ionic platform. You have to install ionic CLI if you haven’t done it yet. Please refer to Installing the CLI globally
ionic start myapp "C:I2CSMOBILE_PACKAGEionicstarterwww" cd myapp
ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add https://github.com/katzer/cordova-plugin-local-notifications.git ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add https://github.com/vliesaputra/DeviceInformationPlugin ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add [email protected] ionic plugin add [email protected]
if you want http://intercom.io integration
ionic plugin add [email protected]
ionic platform add android
You can build the apk with following command. Make sure you have installed Android SDK on your computer before running this.
ionic build android
Or you can test the app in your web browser by entering following command. Note that you can use ionic serve
with --lab
optional parameter to start a local development server for app dev and testing. Most of the mobile app specific features (ex. Push notifications .etc) are disabled when you run ionic serve --lab
command.
ionic serve --lab
Full source comes with all the dependencies. You need to extract the content of the full-source.zip
and navigate to the path with CMD.
full-source.zip
TO A NEW FOLDERwww
folder is located)cd myapp
npm install
ionic platform add android
You can build the apk with following command. Make sure you have installed Android SDK on your computer before running this.
ionic build android
Or you can test the app in your web browser by entering following command. Note that you can use ionic serve
with --lab
optional parameter to start a local development server for app dev and testing. Most of the mobile app specific features (ex. Push notifications .etc) are disabled when you run ionic serve --lab
command.
ionic serve --lab