Amado

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Amado is a furniture and home decor shop template built on Bootstrap 5. The navigation sits in a fixed column on the left instead of across the top, next to a clean, photo-led layout in white, light wood and a yellow accent. The layout is responsive: on phones the menu slides in from the side. There are five pages: home, shop, product, cart and checkout.

The home page shows the categories as a masonry grid of photo tiles with prices. The shop page has a filter sidebar (categories, brands, colours and a price range), sorting, a grid or list view and add-to-cart buttons, the product page a photo carousel with thumbnails and a zoomable lightbox, a quantity stepper and an add-to-cart button, the cart page quantities that update the totals, and the checkout page a delivery form and a choice of payment method. Amado gives you a ready-made storefront for furniture, lighting, plants or other home goods.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.0 and jQuery), compiled from Sass with the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. A small built-in layout replaces the masonry plugin, PhotoSwipe 5 replaces Magnific Popup, native controls replace the jQuery UI price slider and the custom select boxes, and unused plugin files are gone. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the five pages went from 4.8 MB and 133 requests to 2.9 MB and 85 requests in total (home page 1.1 MB and 31 requests to 0.6 MB and 21 requests), while the product photos are now sharp on large and high-density screens: they are re-cut from their originals at up to 2000 px instead of being stretched up to three times. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen.
• No third-party requests: the Arimo font is self-hosted, Font Awesome is replaced by Lucide SVG icons and a 1 KB social-logo subset, the logo is an SVG, and a Google Analytics 4 snippet stays commented out until you add your own ID.
• A working demo shop: the category, brand, colour and price filters and the header search narrow the products, sorting and the grid or list view work, add-to-cart buttons update the cart counter in the header, the cart recalculates its totals and removes items, and the checkout and newsletter forms send through php/send-email.php with validation, a spam trap and an in-page message. Before, the filters, buttons and forms did nothing.
• Accessibility: a skip link and landmarks on every page, one h1 per page with headings in order, real buttons for the menu, search, filters, quantity and cart controls, labelled checkout fields, a mobile menu and search panel that close with Esc and return focus, visible focus rings and WCAG AA text contrast, with a deeper amber for text and buttons, darker greys and a soft shade behind the category titles on the home page.
• Fixed: the cart’s Checkout button opened the cart again, the quantity stepper was cut off on phones, the shop cards had unclosed links, and the payment options were checkboxes that could both be ticked. Demo content: furniture copy replaces the placeholder text, each product has its own name and price, the brand list uses fictional names, typos are fixed, and photos showing brand marks are retouched or replaced.