Book a free demo
E-Commerce · Template Walkthrough · Full System Overview

Your store
live online

Everything your business needs to sell online — a professional storefront, smart shopping cart, order management, delivery tracking, and a full admin dashboard. See every screen below.

Customer Storefront Shopping Cart Admin Dashboard Delivery Tracking Customer Accounts Stock Management
14
Day Launch
9
Screens
30+
Features
24/7
Online
1 Homepage

Your storefront — the first impression

The homepage is your public face. Customers land here, browse featured products, search your store, and choose a category. It's designed to convert visitors into buyers.

Homepage desktop view
index.html — Desktop View
Customer Storefront
Homepage — Hero, Search & Store Cards
Tap to preview
Homepage mobile view
index.html — Mobile View
Mobile Responsive
Mobile Homepage View
Tap to preview
Live Search
Real-time suggestions as customers type — finds products instantly without a page reload.
Featured Products
Highlight your best sellers or promotions at the top of the page — admin controlled.
Category Cards
Visual category grid that lets customers jump directly to the product type they need.
2 Products Page

Browse, filter, find — instantly

The products page gives customers the full catalogue with powerful filtering by category, price, and availability. No technical knowledge needed to maintain it.

Products grid
products.html — Product Grid
Product Catalogue
Products Grid with Cards
Tap to preview
Filter dropdown open
products.html — Filter Dropdown Open
Smart Filters
Category & Price Filter Open
Tap to preview

Search suggestions appear as a dropdown in real time as customers type — no page reload needed. Products surface instantly.

Category Filter
Filter products by any category. Works instantly without reloading the page.
Price Display
Shows original price, sale price, and savings clearly on every product card.
Quick Add to Cart
Customers add items directly from the grid — no need to open the product page.
3 Shopping Cart

The cart that closes the sale

A clean, visible sidebar cart that shows items, quantities, and the running total in real time. Customers adjust quantities or remove items without leaving the page.

Shopping cart sidebar open
Sidebar Cart — Open with Items
Shopping Cart Sidebar
Cart Sidebar Open with Items
Tap to preview
Quantity Controls
Tap + or − to change quantity. Total updates instantly with no page refresh.
Live Totals
Subtotal, delivery estimate, and grand total update the moment the cart changes.
Cart Persistence
Cart survives a page refresh so customers don't lose their items if they leave and come back.
4 Checkout Flow

A checkout that doesn't lose the customer

A clean 4-step checkout guides the customer from cart review to delivery details to payment confirmation. Every step is shown clearly in a progress bar so nothing is confusing.

Checkout step 2 delivery form
checkout.html — Step 2: Delivery Details
Checkout — Step 2 of 4
Delivery Form with Progress Bar
Tap to preview
1

Cart Review

Customer reviews items, quantities, and subtotal before proceeding.

2

Delivery Details

Name, address, parish, and preferred delivery time.

3

Payment

Cash on delivery or online payment — whichever you enable.

4

Confirmation

Order confirmation with a unique order number. Customer gets an email/WhatsApp confirmation.

5 Customer Account

Every customer has their own portal

Customers create an account to track their orders, save their delivery address, and view order history. No more "where is my order?" calls to your team.

Customer account page
account.html — Customer Profile
Customer Portal
Account Page — Profile + Order History
Tap to preview
Order History
Full order history with status, date, items, and total — all in one place.
Saved Addresses
Customers save delivery addresses so checkout is one click the next time.
Order Notifications
Status updates sent automatically when orders are confirmed, dispatched, and delivered.
6 Admin Dashboard

Your command centre — everything in one view

The admin dashboard shows you the full picture at a glance — revenue today, orders pending, new users, and stock levels. All the numbers that matter, always visible.

Most Important
Admin dashboard main view
admin/dashboard.php — Main View
Admin Dashboard — 4 Stat Cards
Tap to preview

This is the most important screenshot. It shows clients that they get a real business intelligence tool — not just a website. Revenue, orders, users, and stock tracked automatically every day.

Revenue Tracking
Today, this week, this month — your earnings are tracked and charted automatically.
Order Count
Total orders and pending orders shown at a glance. One click to see the full list.
User Count
How many customers have accounts. Tracks growth week over week.
Sales Chart
Visual revenue chart showing trends — daily, weekly, or monthly view.
7 Product Management

Add, edit, remove products — no developer needed

The admin panel lets you manage your entire product catalogue. Add new items, update prices, upload photos, set categories, and toggle availability — all from your browser.

Admin products table
Products Table
Admin Products Table
Tap to preview
Add product form
Add Product Form
Add / Edit Product
Tap to preview

Add a product

Click "Add Product", fill in the form, upload a photo. Done — it's live on your storefront immediately.

Edit anything

Change a price, update stock, swap the photo — every field is editable. No developer required.

Hide or archive

Toggle a product off if it's out of season or out of stock. It disappears from the store without being deleted.

8 Order Management

Every order — tracked from placement to delivery

The order management panel gives you the full list of every order with status badges, customer details, and one-click status updates. Nothing gets lost.

Orders management table
admin/orders.php — Orders Table
Order Management
Orders Table with Status Badges
Tap to preview
Customer
Total
Status
Date
Kingston Eats Order #1048
$4,200 JMD
Pending
Today
Kingston Eats Order #1047
$7,800 JMD
Confirmed
Today
Kingston Eats Order #1046
$2,500 JMD
Delivered
Yesterday
Status Badges
Colour-coded: Pending (yellow), Confirmed (teal), Out for Delivery, Delivered (green).
Search & Filter
Search orders by customer name or order number. Filter by date range or status.
Export Report
Download the order list as a CSV for accounting or for your own records.
9 Delivery Tracking

Your driver, tracked — your customer, informed

The driver panel lets your delivery staff update order status on the go from their phone. Customers see the status update in real time. No more "where is my order?" messages.

Driver panel active deliveries
Driver Panel
Driver — Active Deliveries
Tap to preview
Driver status update buttons
Status Update
One-tap Status Update
Tap to preview
1

Order Assigned

Admin assigns order to a driver from the order management panel.

2

Driver Picks Up

Driver taps "Picking Up" — customer sees a real-time status update.

3

Out for Delivery

Driver taps "Out for Delivery" — customer knows the order is on the way.

4

Delivered

Driver marks complete — order is closed, revenue recorded, customer notified.

The driver panel is fully mobile-optimised — drivers update status from their phone without downloading an app. Just open the link in any browser.

Ready to launch?

Get this system for your business

Launch a complete online store in 14 days. Customer storefront, admin dashboard, order management, delivery tracking — all of it, built and hosted for you.

$50,000
JMD — one-time setup
$5,000
JMD/month — hosting + support
14
Days to go live