Project Overviewlink

Xmart is a clean, minimalist e-commerce HTML5 template designed for building online stores for clothing, electronics, home goods, and more. It includes 3 homepage layouts and covers the complete shopping flow including product display, shopping cart, checkout, and blog. The template is fully responsive and optimized for multiple devices.

Tech Stacklink

• Bootstrap v5 (grid system and base components)
• jQuery (DOM manipulation and interaction logic)
• Swiper.js (carousels and slideshows)
• MeanMenu (mobile navigation)
• Nice Select (custom dropdowns)
• Font Awesome 5 (icon library)
• Google Fonts (Work Sans font)

Project Structurelink

xmarthtml-10/
├── xmart/
│   ├── index.html              # Homepage 1
│   ├── index-2.html             # Homepage 2
│   ├── shop.html                # Product listing
│   ├── shop-grid.html           # Grid layout
│   ├── product-details.html     # Product details
│   ├── cart.html                # Shopping cart
│   ├── checkout.html            # Checkout page
│   ├── wishlist.html            # Wishlist
│   ├── login.html               # Login page
│   ├── register.html            # Registration page
│   ├── blog.html                # Blog listing
│   ├── blog-details.html        # Blog details
│   ├── contact.html             # Contact page
│   ├── error.html               # 404 error page
│   └── assets/
│       ├── css/
│       │   └── style.css         # Main theme stylesheet
│       ├── js/
│       │   └── main.js           # Interaction logic (carousel, cart, navigation, etc.)
│       └── mail.php              # Email sending interface
└── documentation/               # Official documentation directory

Core File Descriptionslink

• xmart/index.html — Homepage entry point with Banner, featured products, blog modules, etc.
• xmart/assets/css/style.css — All theme styles including responsive breakpoints
• xmart/assets/js/main.js — Core interaction script implementing 23 features including cart sidebar, mobile menu, carousel, etc.
• xmart/assets/mail.php — PHP email sending interface (requires server deployment)
• documentation/index.html — Official usage documentation with customization instructions

Quick Startlink

1. Open xmart/index.html directly in your browser to preview the complete template
2. For email functionality, deploy the xmart folder to a PHP runtime environment and modify the recipient email in mail.php

Usage Suggestionslink

The template provides 3 homepage options (index.html, index-2.html) and multiple product listing layouts that can be combined as needed. The mobile menu and cart sidebar are implemented via jQuery and work out of the box without additional configuration.