rocket_launch storefront edit_note build
Sedi Logo
person Log in rocket_launch Get Started
E-Commerce Template
Astro E-commerce

E-Commerce Template

A premium static e-commerce template with 24 products, 44 pages, dark mode, and a complete client-side shopping experience, built with Astro 6 and Tailwind CSS 4.

$10.00
Live Preview ↗

Description

A production-ready e-commerce template for premium brands. Features a full product catalog with 24 items across 4 categories (Clothing, Electronics, Home & Kitchen, Accessories), complete shopping cart and checkout flow with promo codes, wishlist and save-for-later functionality, customer reviews with rating filters, quick view modal, and a responsive product grid with color swatches and size selection. The template includes 14 homepage sections (Hero slider with auto-rotation, Trust badges, Featured products, Categories grid, Parallax break, Deals countdown, Testimonials, Promo banner, Brand difference, Social wall, FAQ accordion, CTA, Newsletter popup, Recently viewed) plus account pages (profile, orders, wishlist), blog with 3 articles, and legal pages. All data is centralized in editable config, copy, and product files. Client-side features use localStorage for zero backend dependency.

Features

  • 44 pages from 20+ templates
  • 24 products with pricing/colors/sizes/ratings/reviews
  • 14 homepage sections
  • Dark mode (system + manual toggle with localStorage)
  • Quick view modal with color swatches and size selection
  • Shopping cart with quantity controls and save-for-later
  • Checkout with multi-step form and card formatting
  • Promo code system
  • Customer reviews with star ratings and rating filters
  • Wishlist with toggle persistence
  • Recently viewed products
  • Client-side search modal with Cmd+K and keyboard navigation
  • Countdown timer for deals
  • Scroll-reveal animations
  • Toast notifications
  • Newsletter popup with dismiss persistence
  • Cookie consent banner
  • Back to top button
  • SEO ready (JSON-LD structured data
  • Open Graph
  • Twitter Cards
  • sitemap.xml)
  • PWA manifest for install prompts
  • OG image for social sharing
  • Responsive mobile-first (hamburger menu
  • sticky cart bar
  • sticky header)
  • Accessible (skip link
  • ARIA attributes
  • aria-live regions
  • focus-visible rings
  • reduced-motion support)
  • Custom 404 page
  • Legal pages (Privacy
  • Terms)
  • Deployment ready for Netlify/Vercel/Cloudflare Pages
  • Astro + TypeScript + Tailwind CSS
keyboard_arrow_up