ColoShop

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

ColoShop is an e-commerce website template for fashion and accessories shops, built on Bootstrap 5. It has a clean white layout with a dark top bar for currency, language and account menus, a red accent colour and the Poppins typeface. The layout is responsive and mobile-ready. There are four pages: home, shop, product and contact.

The home page has a hero, three category banners, a new arrivals grid with a category filter, a deal-of-the-week countdown, a best sellers slider, a row of shop benefits, blog cards and a newsletter form. The shop page lists the products with search, category, price, size and colour filters, sorting and pages. The product page has a photo gallery, colour and quantity pickers, add to cart and wishlist buttons, and description, information and review tabs with a review form. The contact page has the shop’s details, a working contact form and a map that loads on click. ColoShop gives you a ready-made front end for an online clothing store that you can connect to the shop system of your choice.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4 beta 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 on the best sellers slider, small built-in modules replace Isotope and the jQuery UI price slider, and npm run build (Dart Sass and esbuild) compiles one minified stylesheet per page and one script.
• Lighter pages: the four pages went from 5.37 MB and 160 requests to 2.04 MB and 72 requests in total, and the contact page from 1.41 MB and 57 requests to 0.18 MB and 8 requests. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen, and the hero photo is preloaded.
• No third-party requests: Poppins is self-hosted, Font Awesome 4 and Themify are replaced by Lucide SVG icons and a small social-logo subset, and the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks it.
• A working shop front end: the cart count, wishlist hearts, the shop page’s search, category, price, size and colour filters, sorting, page size and pages, the product gallery, quantity, tabs and review rating all work without a server.
• New photos throughout: models, garments and accessories from Unsplash at twice their displayed size, with matching product names and prices.
• Accessibility: a skip link, one main heading per page, real buttons for every control, a keyboard-friendly menu, dropdowns and tabs, a visible focus ring and text that meets WCAG AA contrast.
• Working forms: the contact form sends through an included PHP mailer with validation, a spam trap and in-page messages, and the newsletter and review forms validate and confirm in the page.