SEQUOIA DOCS

Sequoia — HTML eCommerce Template

Premium electronics storefront UI · 100+ pages · cart, wishlist, search & filters (client-side).

Contents 1. Installation 2. Folder structure 3. Customize brand 4. Features 5. Deploy (Netlify / cPanel) 6. Credits & license

1. Installation

  1. Unzip the purchased package.
  2. Open index.html in a modern browser, or serve the folder with any static host (XAMPP, Netlify, Nginx).
  3. No Node/PHP build is required for the storefront to run.
  4. Optional: edit generate-pages.js and run node generate-pages.js to regenerate all HTML after bulk changes.

2. Folder structure

sequoia/
├── index.html              Home
├── shop.html, …            100+ HTML pages
├── assets/
│   ├── css/style.css       Design system
│   ├── css/home-bento.css  Home polish
│   ├── js/main.js          Cart, wishlist, search, filters
│   └── images/products/    Local product images
├── documentation/          This guide
├── LICENSE.txt
└── generate-pages.js       Optional page generator

3. Customize brand

In generate-pages.js change:

const BRAND = 'sequoia.';
const BRAND_PLAIN = 'Sequoia';
const PROFILE = { name: '…', avatar: … };

Then run node generate-pages.js. Or search-replace the brand string across HTML files manually.

Colors & fonts: edit CSS variables at the top of assets/css/style.css.

4. Features

Note: Cart / wishlist / filters are front-end demos (localStorage). Connect your own backend or platform (Shopify, WooCommerce, custom API) for production orders.

5. Deploy

Netlify

  1. Drag & drop the project folder, or connect Git.
  2. Publish directory = site root (where index.html lives).
  3. netlify.toml is included for static publish settings.

cPanel / shared hosting

Upload all files to public_html (or subdomain folder). Ensure index.html is in that folder.

6. Credits & license