Frequently asked questions (FAQ)

Internet Content not loading on android 9

Add android:usesCleartextTraffic="true" in platform/android/app/src/main/AndroidManifest.xml file.

<uses-permission android:name="android.permission.INTERNET" />
<application android:usesCleartextTraffic="true" android:hardwareAccelerated="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:networkSecurityConfig="@xml/network_security_config" android:supportsRtl="true">

Cart, Login and Register Not working on iOS 13

Install module wkwebview-inject-cookie

npm i cordova-plugin-wkwebview-inject-cookie
ionic cordova plugin add cordova-plugin-wkwebview-inject-cookie

Add below code in app.component.ts file after before @Component({

declare var wkWebView: any;

Add below code in app.component.ts file after this.platform.ready().then(() => {

and update domain.com with you domain name

document.addEventListener('deviceready', () => {
wkWebView.injectCookie('https://domain.com/');
});

I am getting ionic-app-scripts error

If you get error like node_modules\.bin\ionic-app-scripts' is not recognized as an internal or external command

Try run following command

npm install @ionic/app-scripts@latest --save-dev

I am getting node-sass error

If you get error like Node Sass does not yet support your current environment

Try run following command

npm rebuild node-sass --force
sudo npm install --save-dev --unsafe-perm node-sass

I am getting an error related to Node Modules

If you get any error like related to node modules. You can remove and npm install node modules by following commands

rm -rf node_modules
rm package-lock.json
npm install

ng is not recognized as internal or external command

Run following command to install angular cli

npm install -g @angular/cli

I want to update my ionic project

You can update your ionic project by following commands

npm install -i @ionic/angular@latest

Mobile option is not visible in admin panel?

Make sure you have installed redux frameworks - https://wordpress.org/plugins/redux-framework/.

I am getting blank white screen after splash and taking more time to load?

Debug apk takes time to load on some Android devices. while this is normal for debugging apk. Build --prod to load app faster.

$ ionic cordova build android --prod
$ ionic cordova build iOS --prod

Login and Register is not working on the browser?

This feature may not work on the browser. Try on a real device

How to change icon and splash screen?

Replace your icon (1024x1024 px png) and splash (2732x2732 px png, Graphics in center of 1024 sq px) in src/resources folder. Use the following command to generate icon and splash screen

$ ionic cordova resources

How to change the logo and other images?

Replace your logo and other images in src/assets/images/

How to change the theme, colors?

Just edit src/variables.scss file. There are few color variable, $header-color, $button-color etc

I am getting a blank page on ionic serve?

Use ionic serve --port 8080 while working on the browser

$ ionic serve --port 8080

Add Multilingual

This works with WPML

  1. Enable WPML in WordPress->Mobile Options->Settings

  2. Add you translation file in ionic project app/src/assets/i18n

If you have an issue still. Please feel free to contact me with issue details, URL and keys

https://codecanyon.net/user/hakeemnala Or send me a mail with details of the issue and your purchase code hakeem.nala@gmail.com