Suha v3.3.0 - PWA E-commerce Mobile Template preview 1

Suha v3.3.0 - PWA E-commerce Mobile Template

bookmark

Suha is a PWA e-commerce HTML template designed specifically for mobile devices, built on Bootstrap 5 with support for offline access and progressive web app features. It includes complete e-commerce pages (product display, shopping cart...

HTML

Project Overview

Suha is a PWA e-commerce HTML template designed specifically for mobile devices, built on Bootstrap 5 with support for offline access and progressive web app features. It includes complete e-commerce pages (product display, shopping cart, payment, user center, etc.) and uses the Pug template engine with Gulp workflow for rapid secondary development.

Tech Stack

  • Bootstrap 5.3.3
  • jQuery 2.2.4
  • Pug 5
  • Gulp 4
  • SCSS / Sass

Project Structure

text
├── documentation/
│   ├── start-here.html
│   └── assets/
│       ├── style.css
│       └── ...
├── html/
│   ├── gulpfile.js
│   ├── package.json
│   └── src/
│       └── pug/          ← Page templates (30+ Pug files)

Core File Description

  • html/package.json — Project dependencies and build script configuration
  • html/gulpfile.js — Gulp build task definitions
  • html/src/pug/ — All page templates, including homepage, products, shopping cart, payment, and other modules
  • documentation/start-here.html — Template getting started documentation
  • documentation/assets/style.css — Documentation site styles

Quick Start

bash
cd html
npm install        # Install dependencies
npm run dev        # Start Gulp development server

After building, access the generated dist directory (or open directly in the browser). Important Note: If page updates don't take effect during development, temporarily comment out or remove service-worker.js to avoid browser cache interference.

Usage Recommendations

  • Ensure the domain supports HTTPS before deployment (core requirement for PWA)
  • The template includes rich e-commerce components that can be customized by directly modifying Pug templates based on business needs
help_outline

FAQ