Aroma

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Aroma is an online shop website template built on Bootstrap 5 for a store selling watches, lamps, bags, audio and small gifts. The home page has a featured-product carousel, a trending-products grid, a sale banner, a best-sellers slider, the latest blog posts and a newsletter sign-up. The layout is responsive and mobile-ready. There are twelve pages: home, shop category, product, cart, checkout, order confirmation, order tracking, login, register, blog, a single blog post and contact.

The shop page filters products by category, maker, colour and price, with sorting and search. The product page has a quantity stepper, description and specification tabs, questions and reviews with a star rating, and the cart recalculates line totals and the total as quantities and shipping options change, with a coupon box and a delivery estimate. The checkout form sends the order request by email. You will also find a blog with category, tag and search filters, and a contact page with a working form and a map that loads on click.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass with the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel, native selects and range inputs replace Nice Select and the price slider plugin, and the parallax and mailing-list plugins are gone. Lucide SVG icons replace three icon fonts.
• Lighter pages: all pages together went from 15.9 MB and 475 requests to 7.0 MB and 293 requests, and the home page from 3.8 MB and 45 requests to 0.9 MB and 35 requests. Images have AVIF versions with PNG and JPEG fallbacks, real dimensions and lazy loading.
• No third-party requests: Oswald and Roboto are self-hosted, and the contact map is an OpenStreetMap that loads only when the visitor asks for it.
• A working shop demo: product filters, sorting and search, an add-to-cart counter, wishlist buttons, quantity steppers, cart totals that update, shipping options, a coupon box and a delivery estimate, plus demo login, register and order tracking forms.
• Working contact, comment, question, review, newsletter and checkout forms with labels, validation, status messages and a spam trap (PHP handler included).
• Accessibility: a skip link, one main heading per page, real buttons for shop controls, menus and product actions that work from the keyboard, visible focus and AA contrast with darker greys.
• Shop copy in place of the placeholder text, distinct product names and prices, new product and blog photos, page titles, descriptions and structured data.