Discussion on MobileFront eCommerce Mobile App Template w/ Multi-Platform Integration | Shopify included

38 comments found.

I have been trying to change the splashscreen and the main application icon using the Ionic resources command. But everytime I use it, it shows the old ones. I even tried deleting the old files and then using the ionic resources command, still the old icon and splashscreen remains.

Please let me know how I can resolve this issue.

1. Replace the stock icon.png and splash.png with your artwork 2. Make sure that your icon.png dimensions are square and at least 192×192 px and splash.png is square and at least 2208×2208 px. 3. Run ionic resources—icon and ionic resources—splash commands 4. Run gulp -b to rebuild the project sources 5. Rebuild the app for the devices with ionic build ios or ionic build android depending on the target platform.

This one also looks an app / template.

Ok thanks


Can I easy use only the template without the Shopify integration?


Hi. In the current version of the app you need to go through the entire installation process which includes Shopify integration setup. Once that’s complete you can take a look at services and adapters that the app uses and replace them with yours to integrate with something else. In the next version to be released in December, e-commerce integration code will be moved to plugins. You’ll get two plugins with the bundle: Shopify and static data. Static data plugin, as its name implies, will return mock JSON data and will not require any Shopify related setup procedures.

Change log for new version?

Done. It’s a hotfix for new users. If you already have the app installed you do not need it.

Great thanks mate.

Hi, I need to move the node.js API instance from Heroku to another node.js hosting service. I am facing problem in extracting the code from Heroku as it has been converted to a slug. Please let me know how to extract the code from slug so I can move it to some other hosting service.

Hi, please contact us at mobilefrontapps@gmail.com to discuss this.

I am not sure why we need heroku, is it possible to use it without that.

There are couple of reasons you need Heroku ( or any equivalent server hosting to run the bridge):

1. Shopify requires the developers who would like to take advantage of Shopify’s REST API to build either private or public app (server side script) and authenticate with it to receive an access token which will allow them to make API calls. You can read more on that here https://help.shopify.com/api/guides/api-credentials and here https://help.shopify.com/api/guides/authentication/oauth

2. OK, let’s assume we’ve somehow got hold of the access token. Can’t we store it on the front-end and not use the server side? The problem here is that the apps can be easily decompiled and whatever access token we store there can be retrieved by a malicious intruder. Having the access token gives them control over your Shopify store and they can do all kinds of nasty stuff.

Hi, i’m facing problem in running ‘install-windows.bat’ (i did run as administrator ) ; command prompt keeps showing error. ””Exception calling “DownloadFile” with “2” argument(s): “The remote server returned an error: (403) Forbidden.” “Unable to unzip package using built-in compression. Set $env:chocolateyUseWindowsCompression = ‘false’ and call install again to use 7zip to unzip. Error:” etc.

Hi, thank you for choosing MobileFront. Could you please send the full output of the command prompt to mobilefrontapps@gmail.com and we will investigate the issue. Thank you!

Hi, I already have store, can I use this app on that store or I’ll have to create a development store?

Sure, you can use existing shopify store.

and I’m getting this error while installing app Oauth error Invalid_request: The redirect:uri is missing or not whitelisted

Hi. Thank you for choosing MobileFront. Please send the entire installation log to mobilefrontapps@gmail.com so we can diagnose the issue. Thanks!

Having some issues installing the package on Windows, getting npm ERR! weird error 8 np, ERR! nor ok code 0 Press any key to continue then the terminal closes.

Can you help out?

Hi, Thank you for choosing MobileFront. We just answered you via email.

how can i add links to the side menu?

Hi! Thank you for choosing MobileFront. You can do that in menu.html file that is located at app/scripts/menu/menu.html

Hello Team,

Your app looks nice and it is very close to my requirement.

I have few pres-sales queries, request you to please give us more clarity on this.

1. Will your module will support to this theme https://themeforest.net/item/price-compare-price-comparison-wordpress-theme/12488367?_ga=1.51523501.542930847.1486050726 ?

2. We are running affiliate business i.e. we are redirecting website traffic to our partners sites.

3. Is your module will fully sync with above given theme?

4. I will be purchasing your another this module i.e. https://codecanyon.net/item/ionic-woocomerce-mobile-app-mobilefront-plugin/19537496 too if things goes well.

5. Post purchase, you will be giving entire source code files of this respective framework?

Best Regards, Ranjeet.

Hi Ranjeet. Thank you for your interest in MobileFront.

To answer your question about the theme above, our product is not related and is completely independent from it. It’s purpose is to build a mobile app based on either Shopify or WooCommerce store. It means that no matter what kind of theme you are using in your Wordpress, as long as you have WooCommerce installed you’ll be able to build a mobile app that looks like the one on the product description page. Please note that if you are planning to use Wordpress as a backend, there are two mandatory requirements 1. WooCommerce should be installed on your Wordpress 2. https://codecanyon.net/item/ionic-woocomerce-mobile-app-mobilefront-plugin/19537496 should be purchased and installed.

If you are targeting Shopify this product is all you need.

After the purchase you will receive complete source code of MobileFront base template.

Hi Team, Thank you for your prompt response. I need your help to understand on following points; 1. Your app will fully sync to our store with website’s default attributes or features? 2. We need few more modules like discount label, similar items etc, could you please suggest us if you aware of any which which will support to your module? 3. We need to change or remove ‘add to cart’ button to or (add) ‘Buy Now’ this will be affiliate link and when that (Buy Now) link gets opens we need that link should get opened in new inner browser, will this custom work is possible?

Best Regards, Ranjeet.

Here is the data that the app will pull from a WooCommerce store:

1. Products, including title, description, variations, images, regular price, sale price Categories, including title and image Shipping countries Shipping methods

2. These features can be added as a part of our custom development services.

3. We do not support affiliate links as this is not part of the WooCommerce core functionality. Are you using WooCommerce for your affiliate store?

To learn more about our custom development services please contact us at mobilefrontapps@gmail.com.

hi i have a couple of questions: how does it work with woocommerce? do you have a video for that? do you guys have a blog (news page)? and does it work with wpml and multilanguage?


Thank you for the interest in our product.

We have built a plugin that integrates the app with WooCommerce. To see it in action check out this video:


To read more about the plugin and integration details, see these pages:

https://codecanyon.net/item/ionic-woocomerce-mobile-app-mobilefront-plugin/19537496 https://mobilefront.io/documentation/woocommerce-guide/

Our news blog is here:


The app can be localized into the language of your choice but it doesn’t support switching between languages in the runtime at the moment.

More info on i18n and i10n can be found here:


My page www.thecomfytemple.com. Will Mobile Front support my review and related topic section?


Thank you for choosing MobileFront.

No, reviews and related products are currently not available in the app. Please contact us at mobilefrontapps@gmail.com if you would like to get a quote to have these features developed.

Hi, I saw from the comment above that this needs an access token to be stored on a web server. Can the access token for this app be stored on amazon s3 instead of heroku?


Yes, but in this case you would need to manually deploy the Shopify app on Amazon. I would suggest deploying to Heroku first (this is automatically done for you during installation) and then moving the server app to S3.

Tested the demo APK. Does this support login? A lot seems to be lacking within the demo app..


Login is supported only in WooCommerce version.

Thanks for the reply

Hi, this looks like a really interesting product, great work. It’s running Ionic 1.3? Are there plans to update to Ionic 2 or any reason why this wouldn’t be possible to do after purchasing the app?


Thank you very much for your detailed answer. I am building an Ionic 2 application and am looking at WooCommerce integration so I’m trying to decide whether it would be best (looking forward) to restart from the Ionic 1.3 template or to look at integrating the APIs into the Ionic 2 application. Either way I feel that this will be very useful!

E-commerce integration logic (including WooCommerce) is stored in separate bundles we call plugins. These plugins are not really Ionic specific and can be easily suited to be used with Angular2/Ionic 2. Plus we provide REST API wordpress plugin with things that the official REST API doesn’t have (authentication, registration, checkout process and more) which may also be useful for your purpose.

That sounds perfect, thanks!

Tried to install and got the following error:

Bridge deploy failed: 503 – {id not complete the action. Please try again later.”}opn@4.0.2 node_modules\opn ├── object-assign@4.1.1 └── pinkie-promise@2.0.1 (pinkie@2.0.4)

Thank you for the fast reply.

I was able to successfully launch the app. However I am finding a bit confusing on how to create an app with android studio or xcode… etc to make this cross platform….

Would like to know to to release to test on an iphone or android like how ionic works? where i can just send a code

Can I just import the generated file into any of the platforms to publish an app?

To run the app on the devices please follow these steps:


So to test it on multiple platforms you don’t really need to use Android Studio or Xcode.