Catalogue Ionic

Create a Products Showcase mobile application

Powered by Ionic and Firebase.

Catalogue Ionic a complete application for any kind of products promotion.

from $20.00

Buy Now!

Live demo Android .apk WooCommerce .APK

Products and WooCommerce Products Presentation

Products can be organized into categories with a title, a thumbnail and a price. Categories are displayed in card form with a title and a thumbnail.

The product screen provides additional information for each product including its price, its description, a slideshow of images, a Buy online link, a PDF link and a Favorite button

WooCommerce

In case you own a Wordpress website that uses WooCommerce platform, you can feed the application with the products that already exist on your website and are organized into categories. Configuration is as simple as the definition of your Wordpress website URL in the application

Home Screen and Slider

The application allows you to display several products on the home screen as a slideshow. Create your virtual window display by presenting there your attraction products!

Favorite Products

The favorites screen gathers all favorite products in a list and present them in one place so users can have quick access. Users can, also, send an email with the list of their favorites, for example, to ask for more information.

Company (or Business) Information

Provide information about your business, easily without any code, using Catalogue unique features.

Wordpress / Drupal or JSON News

Display news and announcements about your business/store by using a remote JSON structure or your already existing Wordpress and/or Drupal site. Everything you need for that is already built and no additional code is required.

What's in the Pack

Full source code

Source code

Well structured carefully crafted source code easy to be extended.

Full Ionic Application

Full Application

A fully working Ionic Application, build-ready for iOS, Android and Web.

Documentation

Documentation / Support

A very detailed Quick Start guide

from $20.00 - Buy Now!

Catalogue is an Ionic application that suits any business’s needs to display and promote its products organizing them into categories. It is structured so as to provide a variety of alternatives all aiming to present products, news and business’s useful information to the potential customers in an interesting manner.

Products and WooCommerce Products Presentation

Products can be organized into categories with a title, a thumbnail and a price. Categories are displayed in card form with a title and a thumbnail.

The product screen provides additional information for each product including its price, its description, a slideshow of images, a Buy online link, a PDF link and a Favorite button

Home Screen

The application allows you to display several products on the home screen as a slideshow. Create your virtual window display by presenting there your attraction products!.

Favorite Products

The favorites screen gathers all favorite products in a list and present them in one place so users can have quick access. Users can, also, send an email with the list of their favorites, for example, to ask for more information.

PDF and Buy Online

The Buy online link points to the product web page where the user can proceed with the purchase. The PDF points to an online pdf while the Favorite button enables the user to add a product to his favorites list.

Promote your products and see your sales rising! Online PDFs will give the chance to the buyers to be effectively and inexpensively informed of your products or even instruction manuals and other support documents.

Apart from the PDF, each product can be accompanied by a “Buy Online” link so the User will be transferred to the page where they can purchase the product.

Company (or Business) Information

Provide information about your business, easily without any code, using Catalogue unique features:

Open Hours

Let your clients know when your business is open. Set the Open Hours in a configuration file in a matter of seconds and they will be automatically displayed on the “Contact Us” screen.

Contact options

Provide your clients with three different contact options: Phone number, email and business location map. Just set your phone number, your email address and your location in the configuration file and you are all ready! The Catalogue will take care of the rest and will make available to the users 3 buttons:

  • Call us: It will make the device to start a call to the phone number you have defined
  • Send us an Email: Mailer will open with your business’s email already set so as the user won’t need to type it
  • Map / Get directions: The map application which is already installed on the device will be launched to show your exact location on the map and the User will be able to get directions to reach your business.(Note: You can set more than one locations in the configuration file)

Social networks

Catalogue app provides four buttons for the most popular social networks; Facebook, Instagram, Twitter and Pinterest. Clients would be able to see your social profile with just one click.

Remote data

The Product Categories and News listing windows are fetching data from online sources by using the JSON protocol. The source URLs for these listings are set in the application’s configuration file. Images, Galleries, texts and whole entries can be updated by adjusting the remote sources. Nevertheless, rebuilding and re-distributing the application are not required for constant updates. The same applies for the pins in the live map too. The users are able to add and configure the pin points just by adjusting the remote source.

Push notification

A full working Push notification example is integrated into the application. It comes also with detailed instructions on how to configure everything in your end and have your application ready to send and receive Push Notifications.

Yeoman Ionic Framework Generator powered

Yeoman Ionic Framework Generator combines the best practices and features for scaffolding a hybrid application. It makes building of a mobile app easy and quick since Yeoman is integrated with Ionic Framework and Cordova plugin. Also, the included Grunt build system optimizes and automates some important tasks of your workflow.

Easy Configuration / Modular Architecture

Categories and products can be adjusted by just updating their JSON files. They only need to be placed in the related folder and everything else is set up and ready to be used.

Besides, Catalogue’s modular architecture is going to eliminate any unnecessary complexity for the configuration of the rest features too. Its code is clean and well-organised into modules to make configuration even easier.

You could review this super-modular architecture by checking our SuperModular Ionic starter, which is provided for free.

Ionic design

Catalogue is based on the UI elements that the Ionic Framework provides. Ionic Framework comes with a detailed and impressive CSS framework for layout styling. Furthermore, it handles header elements in a very similar way to existing libraries you may have used. Headers are available in many different default color options. Adding a footer element is as easy as adding a header. Moreover, Ionic comes with its own built in icon library which contains almost everything you should need. Use Ionic’s UI components and they will give you a fully customised and functional UI.

Feature request

Help us improve this app in a way that absolutely makes sense. Suggest the next feature you would like to see implemented. We are taking suggestions very seriously.

Demo

Android .APK

Preview on iOS and Android – Ionic View

WooCommerce Demo

Android .APK

Preview on iOS and Android – Ionic View

Note: Some features are not fully functional for preview on Ionic View. Especially, those that need to launch another application of the device such as “Find us” which launches device’s Google Maps application.

Stay tuned

Join our list and sing up to get early access to our latest news and free tutorials about Ionic.