Back to themes

Eyeconic

Eyeconic is a complete eyewear and sunglasses ecommerce theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script.


Cost

Paid


Created by
Waida Studio

Eyeconic Eyeconic is a complete eyewear and sunglasses ecommerce theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script.

All Pages:

  • Home
  • About
  • Shop
  • Shop category
  • Product detail
  • Blog
  • Blog post
  • Contact
  • Checkout
  • PayPal checkout
  • Order confirmation
  • Style Guide
  • License
  • Changelog
  • Password (401)
  • 404

Features:

  • Astro 7
  • Zero framework JavaScript
  • 40 static pages per build
  • Markdown content collections — blog and products
  • 14 journal articles, one leading the directory in a layout of its own
  • Four-tab blog category strip with roving tabindex and arrow keys
  • 9 product pages with three colourways and three sizes each
  • Colour pills that swap the product photograph on click
  • Related products row under every frame, excluding the frame itself
  • Four shop category pages built from the shop's own five grids
  • Shop sort control — by name, price or date, ascending or descending
  • Add to cart with quantity, merging repeats instead of listing them twice
  • Cart drawer with quantity editing, line totals and subtotal
  • Checkout, PayPal checkout and order confirmation
  • Client-side basket in localStorage, order handed on in sessionStorage
  • Basket shared across tabs through a storage listener
  • Checkout form validation that only tests fields a visitor can see
  • Billing address toggle on the checkout
  • Collapsing navbar with focus return and Escape
  • Pages mega menu — hover on desktop, click or tap anywhere, Escape to close
  • Three carousels stepping in pixels, with arrows, keyboard and swipe
  • Scroll reveals at the design's own offsets and delays
  • Scroll-linked photograph on one requestAnimationFrame loop
  • Endless marquee belt, paused while the tab is hidden
  • Image zooms with wipe overlays
  • Pointer-tracking hovers
  • Video lightbox that requests nothing until it is opened
  • Demo contact and newsletter forms with the design's own success panel
  • Password screen with its own error panel
  • Responsive imagery, 198 srcset attributes across the build
  • Fully responsive
  • prefers-reduced-motion respected throughout
  • Design-token system in one :root block, 44 custom properties
  • Style Guide page
  • Open Graph & Twitter cards
  • Canonical URLs
  • Self-hosted Inter and Inter Tight, variable woff2 covering 300–700
  • TypeScript throughout
  • Original template CSS, no utility framework
  • Vercel config included
  • Deploys to any static host
  • Ongoing Updates

When you purchase the template you get a license covering one end product per license. You may modify the source freely; you may not resell, sublicense or redistribute it, in whole or in substantial part.

If you have any questions do not hesitate to reach out on: Email: contact@kaziehsan.com

Thank you so much for reading and showing interest in this template.


Astro All Access Bundle:

Every Astro template Waida Studio makes — the whole collection in one purchase, plus every future release and ongoing updates. All of them are built the same way: zero framework JavaScript, every page pre-rendered to static HTML, hand-crafted CSS with design tokens, and TypeScript throughout.

Get Astro Bundle