Electronic World

Electronic World

An advanced sass based ionic template for online shop




Member since 2015


iOS, Android  
4 years ago
4 months ago
online shopping, electronic shop, electronic product shop, shopping theme, shopping cart,

A Complete E-commerce template pack for IONIC framework.

Electronic World is a Complete E-Commerce template pack for shopping electronics items and it is built in Ionic 5 with Angular 9. Users can 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 and Forgot password.

2) Dashboard screen with Sliders.

3) Interactive Side menu with multi-level accordion categories.

4) Product List with flip add to cart button.

5) Category Search.

6) Shopping Cart Update.

7) Cart Checkout with Billing/Shipping Address.

8) Cart Delivery Options.

9) Place order screen with Coupon and Payment Options.

10) Order Success Screen.

11) Profile Screen.

12) Change Password Screen.

13) Order History with order detail screen.

14) Add a new address screen.

15) Notification screen

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) According to the category Banner list available.

6) Form Validation with error messages in all forms.

7) Side Menu with toggle button to show items category and user information separately.

8) The data are fetched from dummy JSON objects.

9) Users can see a list of items and search for a product category or select a popular item.

10) Immediate Quantity change on add to cart.

11) Checkout Address Selector with adding more billing and shipping address.

12) Product listing with flip add to cart icon.

13) Product quantity update and remove options in cart screen.

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

15) Coupon redeem interface on the place order screen.

16) Multiple payment method selectors on the place order screen.

17) Option to edit user profile and change password.

18) 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 Electronic World Solution (including App + Website + Back-end).

Visit us at Open Source Technologies