Built with: Plain HTML, CSS and vanilla JavaScript
Description
Ogani is an eCommerce HTML template for grocers, organic food shops, farm boxes and delis, rebuilt from scratch in 2026.
There is no framework, no jQuery and no build step. The whole template is one stylesheet and one JavaScript module, and it opens by double-clicking index.html. Despite that, the demo actually works: the basket adds, updates and remembers items between visits, the shop page filters and sorts, search returns product suggestions as you type, and the wishlist and compare list survive a reload — all without an account or a server.
Eighteen pages are included, among them five different homepage layouts — classic market, farm, butcher, bakery and juice bar — so you can pick the one that suits your shop rather than rearranging sections yourself.
Ogani shares its design system with the Ogani Shopify theme — the same stylesheet drives both — so you can prototype in HTML and move to Shopify later without redesigning anything.
Eighteen pages — five homepages, shop, product, basket, wishlist, compare, about, help centre, contact, shops and delivery, shop the look, journal, article and 404
Working basket — add, update quantities and remove, with a free-delivery meter, an upsell strip and a gift-wrap option, persisted in the browser between visits
Wishlist and compare — saved in the browser, no account and no app, with a full specification table on the compare page
Quick view from any product grid, without leaving the page
Filtering and sorting on the shop page by department, attribute, farm and a dual-thumb price slider, with removable filter chips
Predictive search with product suggestions as you type
Product page with an image gallery and zoom, tabs, a nutrition and provenance table, a “goes well with” row and a sticky buy bar
Shoppable image with product hotspots, plus a deal-of-the-week countdown and a store locator
Six colour schemes built in, matching the Shopify theme’s presets
Page banners with breadcrumbs, marked up as BreadcrumbList structured data, and an FAQ that emits FAQPage data
Native dialog drawers for basket, search and mobile navigation — keyboard accessible out of the box
CSS scroll-snap carousels, so there is no carousel library to load or configure
Responsive images with explicit dimensions and lazy loading below the fold
Accessibility — skip link, visible focus states, labelled form controls, reduced-motion support
Shop page with filtering and sorting
Product page with tabs and provenance
Pricing Ogani
Premium support
If you need help just post a ticket and our tech guys will get back to you asap. We have a stellar support team ready to help you in no time.
Template updates
We are constantly improving our templates making them compatible with different scripts and adding new features.
Support & Updates
SINGLE – The perfect choice for a personal purchase. You will get support and updates for 1 year.
MEMBERSHIP – The perfect choice for a small agency. You will get support and updates for 1 year.
LIFETIME – Perfect for developers, designers, agency that have multiple clients. You will get support and updates for life.
Access all templates
SINGLE – You get instant access to the current HTML templates plus all templates releases while you are a member.
MEMBERSHIP – You get instant access to the current HTML templates plus all templates releases while you are a member.
LIFETIME – You get instant access to all our current HTML templates plus all templates releases for life.