Aster - E-commerce HTML5 Template Bootstrap 5

Aster is a complete e-commerce HTML5 template for fashion, home and electronics stores. Everything a shop needs is already built: three storefront home pages, a filterable catalog, a full product page with gallery and swatches, cart, multi-step checkout, order confirmation, customer account, wishlist, compare, blog and a help centre.

The shop behaviour actually works out of the box: add to bag updates the counter and opens the cart drawer, colour swatches change the product image, the grid switches to list view, filters and quantity steppers respond, and a demo coupon code validates.

Built with Bootstrap 5.3.3 and vanilla JavaScript. No jQuery, no build tools: open a file, edit, refresh.

3 storefront home pages

• Fashion store: hero, category tiles, new arrivals, sale countdown, trending, reviews, journal, Instagram grid
• Home & living: split two-pane hero, circular category browse, best sellers, materials block
• Electronics: dark product hero with spec chips, animated stats, category tiles, bundle offer

19 pages included

index, index-2, index-3, shop, product, cart, checkout, order-complete, wishlist, compare, account, login, register, about, blog, blog-single, faq, contact, 404

What you get

• Complete HTML/CSS/JS source, readable and editable
• Bootstrap 5.3.3 and Bootstrap Icons 1.11.3 included locally, no CDN required
• Detailed HTML documentation
• Optional Python build script with shared header/footer partials
• Free updates

Please note: this is a front-end template. It has no backend, database or payment processing; forms and cart actions are demo behaviour that you connect to your own system or store platform. Demo images are generated placeholders and are included. Brand names, people and reviews are fictional.

Features

• Slide-out cart drawer with free-shipping progress bar and live item count
• Add to bag with toast notifications
• Product gallery with thumbnails; colour swatches swap the main image
• Size picker with sold-out states and quantity steppers
• Quick view modal populated from the product card
• Catalog filters: category, price slider, size, colour, material, availability
• Removable active-filter chips, sort select, grid and list view toggle
• Wishlist heart toggle and a side-by-side compare table
• Coupon validation demo and a sale countdown timer
• Multi-step checkout with delivery and payment options
• Customer account: tabbed dashboard, order history, statuses, addresses
• Light & dark mode with one-click switcher, preference saved
• Mega menu, sticky header, expandable search, off-canvas mobile navigation
• Fully responsive, tested from 320px to 4K
• CSS variables for colours, fonts and radius: rebrand in minutes
• Semantic HTML5, accessible controls, respects reduced motion

Requirements

• Any modern web browser
• A text editor (VS Code, Sublime, etc.) to customise
• Basic HTML/CSS knowledge to edit content
• No server-side requirements, no build tools, no database

Instructions

1. Unzip the archive.
2. Open template/index.html in your browser to see the store working locally.
3. Replace product images in assets/img/products/ and edit texts in the HTML files.
4. Change brand colours and fonts in the CSS variables at the top of assets/css/style.css.
5. Connect the forms and cart actions to your backend or store platform as described in the documentation.
6. Upload the template folder to your hosting.

Full documentation: template/docs/index.html. Optional: edit shared header/footer in source/partials and run python3 build.py to regenerate all pages.