SwiftCart - E-Commerce Multipurpose HTML Template preview 1

SwiftCart - E-Commerce Multipurpose HTML Template

bookmark

Swiftcart is a versatile e-commerce HTML template featuring multiple pages including homepage, product details, shopping cart, checkout, blog, and more. It supports dark mode and RTL layout variants, making it suitable for quickly buildi...

HTMLE-CommerceBootstrap 5.xHTML Files , CSS Files , SCSS Files , JS FilesWell DocumentedResponsive

Project Overview

Swiftcart is a versatile e-commerce HTML template featuring multiple pages including homepage, product details, shopping cart, checkout, blog, and more. It supports dark mode and RTL layout variants, making it suitable for quickly building e-commerce websites or landing pages.

Tech Stack

  • HTML5 + CSS3 (with SCSS source)
  • Bootstrap 5
  • jQuery
  • FontAwesome + Custom icon font (swiftcart-icons)
  • Owl Carousel
  • Third-party plugins: Nice Select, MeanMenu, GLightbox, etc.
  • PHP (contact form email sending)

Project Structure

text
swiftcart-html/
├── index.html
├── shop.html
├── product-details.html
├── cart.html
├── checkout.html
├── contact.html
├── blog-grid.html
├── about.html
├── 404.html
└── assets/
    ├── css/
    │   ├── swiftcart.css
    │   ├── swiftcart-dark.css
    │   └── swiftcart-rtl.css
    ├── js/
    │   └── swiftcart.js
    ├── inc/
    │   └── sendemail.php
    ├── sass/
    │   └── swiftcart.scss
    └── vendors/          # Third-party libraries like Bootstrap, jQuery

Key File Descriptions

  • index.html — Homepage with complete modules including navigation, search, carousel, product categories
  • assets/css/swiftcart.css — Main stylesheet defining all page layouts and component styles
  • assets/css/swiftcart-dark.css — Dark theme variant, switchable via toggle functionality
  • assets/css/swiftcart-rtl.css — RTL layout support (for right-to-left languages like Arabic)
  • assets/js/swiftcart.js — Page interaction logic (navigation, carousel, forms, etc.)
  • assets/inc/sendemail.php — Contact form email sending script for handling visitor messages

Quick Start

  1. Open swiftcart-html/index.html directly in a browser to preview
  2. To run with a local server, execute:
    bash
    cd swiftcart-html
python -m http.server 8080
  3. The contact form requires deployment to a PHP-enabled server, and you need to modify the recipient email address in sendemail.php

Usage Recommendations

  • Customize colors and layout using the SCSS source by modifying swiftcart.scss and recompiling
  • Dark/light mode switching is implemented via the data-skin attribute, suitable for landing page A/B testing scenarios
  • The template does not include backend logic; complete e-commerce functionality requires integrating your own database and payment API
help_outline

FAQ