Ionic Shop

Ionic Shop Created by noodlio. This templates have specific characteristics, namely: It contains everything you need to start selling your products immediately and receive payments on your account. It also comes with a complete Admin Management part that you or your colleagues can use to add or edit products without a line of .

You can use this Ionic Shop on Mobile category for admin, android, AngularJS, app, cordova, credit card, ecommerce, ionic, ionic framework, ios, payment, phonegap, shop, store, stripe and another uses.

Ionic Shop
© Copyright by noodlio

Main Features:

  • Software framework: Ionic, PhoneGap
  • Software version: Node.js, CSS2, CSS3, HTML5, iOS 9.0.x, iOS 8.4.x, iOS 8.3.x, iOS 8.2.x, iOS 8.1.x, iOS 8.0.x, iOS 7.0.x, Android 6.0, Android 5.1.x, Android 5.0, Android 4.4.x, Android 4.3.x, Android 4.2.x, Android 4.1.x, Android 4.0.4, Android 4.0.3, Android 4.0
  • Files included: JavaScript JS, CSS, HTML
  • Video preview resolution: None
  • Firebase V3 – This version is currently not compatible with Firebase v3. I am working on an update that will be released soon. In the meantime, feel free to use the UX of this template.

Complete solution to start your own eCommerce app or webshop today

It contains everything you need to start selling your products immediately and receive payments on your account. It also comes with a complete Admin Management part that you or your colleagues can use to add or edit products without a line of code.

The shop utilizes powerful tools and is crafted using best practices. It leverages on the speed of Google’s Firebase for the database needs, and on the power of Stripe to process your payments to your account immediately.

The package is split in three parts that work together but that can be also used individually. In this way the package remains flexible to multiple or alternative needs. Each part comes with an extensive documentation to guide you through the setup.

You might also like: Ionic Shop (Advanced Edition)

You might also like (with DISCOUNT): Ionic Shop (Advanced Edition), which includes additional features such as inventory management, ratings, comments, attributes, and more. Note, the Ionic Shop (Advanced Edition) is rebuilt from scratch and has a different back-end setup. In that sense, it is not a follow up on this product, while the name may imply. Have a look here

Complete Setup Services for Non-Developers

If you are not a developer but would still like to use this package, then we also offer a Quick-Start Service. One of our developers will setup this package for you and guide you through the process. We also offer personal customizations (i.e. design and functionalities). If you are interested, feel free to reach out to

Try before you buy

You can try the Ionic-App Part by downloading Ionic View Then use the following app Id to fetch a preview of the app: 7721490e

Part 1: Ionic App for iOS and Android

The Ionic App is designed to meet your clients needs and can be immediately used to publish on the Apples App Store or Androids Play Store.

Functionalities include:

  • Browse products by category (browsing is optimized by using noSQL and compound indices)
  • Sort products based on Price (high-low and low-high) or Date
  • Add or remove products to the Shopping Cart
  • Place an order for the current Cart
  • Pay with Creditcard for the items. Earnings are directly transfered to your Stripe Account
  • Validate Creditcard with Stripe Checkout
  • Easy customizable design with Ionic
  • Sign-up using E-mail or Password (social login is coming up in next update)
  • Manage your account
  • View past orders

For the developer:

  • Written in AngularJS
  • Front-end leverages on the powerful Ionic Framework
  • Database hosted on Firebase
  • Payments are processed through Stripe (includes also Server-Side code, see Part 2 of the package)

The design and components can be easily customized using Ionic directives. You can find all the info needed in the Ionic Documentation (

Part 2: Stripe Payment API

To process your payments, we make use of the Stripe payment gateway to transfer your earnings with no delay. Since we are leveraging on the power of the Noodlio Pay API, you don’t need to setup this part or host it on a costly VPS like Heroku or Cloud9. We have already taken care of this for you. By acquiring this template, you are also eligible to all updates of the payment API.

Essentially, Noodlio Pay replaces your server-side, saving you the time to learn a new server language, test, validate and so on the server-side for your payments. In other words, it’s hassle-free payment! If you only wish to purchase this part of the code, have a look at this starter: Smooth Payments with Stripe.

Part 3: Admin Panel to Manage Products

The third part consists of an Admin Interface. The interface is designed such that anyone without coding experience can use it to manage the products that are displayed in the Ionic app.

Functionalities include:

  • Add or delete products
  • Manage the categories and products
  • Upload and edit screenshots (customizable dimensions)
  • View past order details and sales
  • Markdown support coming in next update (free)
  • Changes are reflected in the Ionic App in real-time

For the developer:

  • Written in AngularJS
  • Database hosted on Firebase