Ekomart - Ecommerce HTML Template + RTL preview 1

Ekomart - Ecommerce HTML Template + RTL

bookmark

Ekomart is a complete e-commerce grocery store HTML template, consisting of both frontend store pages and an admin/vendor dashboard panel. It supports multiple homepage styles, multi-attribute product displays, blogs, shopping cart, chec...

HTMLecommerceecommerce dashboardecommerce themefood marketgrocerygrocery marketgrocery shop

Project Overview

Ekomart is a complete e-commerce grocery store HTML template, consisting of both frontend store pages and an admin/vendor dashboard panel. It supports multiple homepage styles, multi-attribute product displays, blogs, shopping cart, checkout, and a complete shopping flow, making it ideal for quickly building an online grocery store or e-commerce platform.

Tech Stack

  • HTML5 / CSS3 (SCSS source structure)
  • JavaScript (jQuery)
  • Bootstrap 5
  • FontAwesome 6 (icons)
  • Google Fonts (Barlow / Roboto)
  • Swiper (carousel)
  • DataTables (backend data tables)

Project Structure

text
ekomarthtml-10/
├── ekomart-html/          # Frontend store pages
│   ├── assets/
│   ├── index.html        # Homepage
│   ├── shop-*.html        # Product listings (multiple layouts)
│   ├── cart.html          # Shopping cart
│   ├── checkout.html      # Checkout
│   ├── blog*.html         # Blog pages
│   └── *.html             # Other pages (contact, FAQ, etc.)
├── ekomart-dashboard/     # Admin dashboard panel
│   ├── assets/
│   ├── index.html         # Dashboard homepage
│   ├── order.html         # Order management
│   ├── product-list.html  # Product list
│   ├── vendor-*.html      # Vendor management
│   └── profile-setting.html
├── documentation/         # Official documentation
│   ├── index.html
│   └── assets/
└── figma.txt              # Figma design file link

Core File Description

  • ekomart-html/index.html — Store homepage, supports multiple homepage variants
  • ekomart-html/shop-details-*.html — Product detail pages, supports variable products, grouped products, etc.
  • ekomart-dashboard/index.html — Admin dashboard with statistics overview
  • ekomart-dashboard/assets/css/style.css — Dashboard theme styles, defines green primary color (#629D23)
  • ekomart-html/assets/css/ — Frontend store styles and responsive layout
  • documentation/index.html — Template official usage documentation

Quick Start

Pure static template, no build steps required:

  1. Open ekomart-html/index.html directly in a browser to preview the frontend store
  2. Open ekomart-dashboard/index.html to preview the admin dashboard
  3. Alternatively, access via any local server (e.g., npx serve . or VS Code Live Server extension)

Usage Suggestions

The template consists of pure frontend static pages. All form submissions and business logic are simulated implementations. When developing, you need to integrate with your own backend APIs. The dashboard panel is suitable as a reference prototype for an admin panel of a vendor-based e-commerce platform.

help_outline

FAQ