Luna Jewelry - Premium eCommerce HTML Template

Luna Jewelry is an elegant and responsive frontend eCommerce template created for jewelry stores, luxury brands, fashion retailers and online boutiques.

The template includes 12 professionally designed pages, a realistic 16-product catalog and an interactive shopping experience built with semantic HTML5, modern CSS3 and vanilla JavaScript. No frontend framework or jQuery is required.

Included Pages

• Homepage
• Shop and product catalog
• Product details
• Shopping cart
• Wishlist
• Checkout
• About
• Contact
• Frequently asked questions
• Privacy policy
• Terms and conditions
• Custom 404 page

Shopping Experience

• Live product search
• Category, material, price and availability filters
• Multiple sorting options
• Product quick view
• Size, color and quantity selection
• Persistent shopping cart and wishlist
• Discount-code demonstration
• Checkout form validation
• Related and recently viewed products

Technology

The template uses clean HTML5, modular CSS3 and vanilla JavaScript ES modules. It contains no Bootstrap, jQuery, WordPress, Drupal or other CMS dependency.

Important Notice

This is a frontend HTML template. Checkout, payment, contact and newsletter functionality are demonstrations. A backend and secure payment provider must be connected for production transactions.

• 12 completed HTML pages
• 16 realistic jewelry products
• Fully responsive from 320px to large desktop screens
• Semantic HTML5 and modular CSS3
• Pure vanilla JavaScript
• Live search with keyboard navigation
• Product filtering and sorting
• Grid and list display modes
• Product quick-view dialog
• Shopping cart and wishlist using localStorage
• Size, color and quantity selectors
• Discount codes and order-total calculations
• Demonstration checkout with validation
• SEO metadata, JSON-LD, sitemap and robots.txt
• Accessible navigation, forms, dialogs and focus states
• Reduced-motion support and custom 404 page
• Locally hosted optimized images
• Clean source files and documentation

• A modern web browser
• A basic web server or static hosting account
• Basic HTML, CSS and JavaScript knowledge for customization
• Node.js 22.13 or newer only when using the included Vite development tools
• No database, CMS or JavaScript framework is required

1. Extract the downloaded ZIP file.
2. Open the project folder in a code editor.
3. Run npm install and npm run dev for local development.
4. Run npm run build to create the production files.
5. Upload the contents of dist/client to your hosting provider.
6. Edit product information in assets/js/products.js.
7. Edit colors and design tokens in assets/css/styles.css.
8. Replace the placeholder domain, contact details, policies and product images before launching a real store.