Grocery World

Grocery World

An advanced sass based ionic template for online shop.


Member since 2015


iOS, Android  
4 years ago
4 months ago
online shopping, grocery shop, IONIC 5, shopping theme, shopping cart, e-commerce solution, grocery app, grocery website,

A Complete E-commerce template pack for IONIC framework.

Grocery World is a Complete E-Commerce template pack for shopping grocery items and it is built in Ionic 5 with Angular 9. Users can add current location or search for locations. Users can also see a list of items or can search it based on category and proceed to buy it. Users can also see a list of orders with their details.

In this theme we developed some functionality like:- 1) Product listing with flip add to cart button. 2) Option of increasing or decreasing the product from the cart section. 3) Toggle Menu etc..

It includes the following screens:

1) User Interaction Screens with Signup and Login.

2) User Location screen with current and manual location functionality .

3) Dashboard screen.

4) Interactive Side menu with multi level accordion categories.

5) Product List with Filter and Sorting.

6) Product Search.

7) Shopping Cart Update.

8) Cart Checkout with Billing/Shipping Address.

9) Cart Delivery Options.

10) Place order screen with Coupon and Payment Options.

11) Order Success Screen.

12) Order Listing with detail

13) Edit Profile

14) Change Password

Template Features:

1) It is a SASS based template.

2) Each page has different HTML, CSS, and ts code.

3) CSS Animations.

4) Sliding Banners.

5) Side menu with all categories in accordion view and user account.

6) Form Validation with error messages in all forms.

7) All data are fetched from different dummy JSON objects . You just need to replace the demo data with your data.

8) Geolocation for current location. Also added search location with autocomplete suggestions.

9) Product listing with flip add to cart icon.

10) Immediate Quantity change on add to cart.

11) Product filtration with multiple basis like Brand, Price, Discounts , etc.

12) Product Sorting with title and price.

13) Cart link with floating action button on screens showing the total no of items.

14) Cart update with items add remove.

15) Checkout Address Selector with add more billing and shipping address.

16) Delivery option selector with Shipping methods, Date and Time.

17) Coupon redeem interface on place order screen .

18) Multiple payment method selector on place order screen.

19) Option to edit user profile and change password.

20) Purchased order history with its details.

Installation Steps:

  1. Extract the source code file and run the following command from terminal (project root directory)
  2. npm i (It will install required files and libraries and dependencies)
  3. ionic serve (It will run the project on browser)
  4. ionic cordova platform add [platform] (It will add platform to project. Platform may be ios or android)
  5. ionic cordova build [platform] (It will create build for platform)

If you have any query then please contact [email protected]

Write Us at [email protected] or skype (manish.osuniverse) If interested in Full Grocery World solution (including App + Website + Back-end).

Visit us at OpenSource Technologies