Fashi

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Fashi is a fashion e-commerce website template for clothing, shoe and accessory stores, built on Bootstrap 5, with a clean and modern look. The layout is responsive and mobile-ready and works in all popular web browsers. It comes with eleven pages: home, shop, product, shopping cart, checkout, blog, blog post, contact, FAQ, sign in and register.

The home page has a hero slider, category banners, women’s and men’s product carousels with category tabs, a deal-of-the-week countdown, the latest blog posts and partner logos. The shop page has sidebar filters for category, brand, price range, colour and size, and the product page has a photo zoom with thumbnails, colour, size and quantity choices, and description, specification and review tabs. You will also find a cart, a checkout page, a blog with comments, a FAQ, sign-in and register pages and a contact page with a working contact form and a map that loads on click. Fashi gives you a ready-made design for an online clothing store.

What’s new in 3.0

• Bootstrap 5.3.8 (the 2019 release used Bootstrap 4.4.1 and jQuery 3.3.1), compiled from Sass together with the theme and the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel, a keyboard-operable dialog replaces the SlickNav mobile menu, native selects replace Nice Select, two native range inputs replace the jQuery UI price slider, and a few lines of the template’s own script replace the countdown, language menu and photo zoom plugins. Lucide SVG icons replace the Font Awesome 4.7, Themify and ElegantIcons fonts, and a small subset of Font Awesome 7 Brands draws the social logos. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the home page went from 2.0 MB to 726 KB, and the contact page from 3.4 MB and 85 requests to 409 KB and 21 requests. Every photo has an AVIF version with the JPEG or PNG as the fallback, real dimensions and lazy loading below the first screen, the first hero photo is preloaded, and the preloader that hid every page until it had loaded is gone. The download is now 2.5 MB (it was 7.7 MB): the eleven plugin archives in the old Source folder are gone, and the Sass source ships in its own sass folder.
• No third-party requests: the Mulish font (formerly Muli) is self-hosted, the icons are local SVGs, the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks “Show map”, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded its fonts from Google Fonts, and the contact page loaded a Google Maps map with the page.
• Working forms: the newsletter form in every footer, the contact form, the blog comment form and the product review form send through php/send-email.php, with validation, a spam trap and an in-page message; before, none of them did anything. The header search and the blog search send the search term to the shop and blog pages, ready to connect to your platform (the header search button did nothing). The sign-in, register, checkout and discount code forms check their fields and answer in the page.
• Accessibility: a skip link, a main landmark and one h1 per page, a mobile menu dialog that keeps focus inside and closes with Esc, FAQ questions, a departments menu, dropdown menus, a mini cart and product card buttons that all work from the keyboard (before, they did not), names on icon-only links and buttons, wishlist and compare buttons that announce their state, grouped colour and size choices, visible focus rings, sliders that pause on hover and focus and stop under reduced motion, and WCAG AA text contrast, with all text at 5.2:1 or better: dark text on the gold buttons, badges and active menu item (white on gold was 2.0:1), a darker gold for gold text, darker greys and a dark band behind the white titles on the women’s and men’s banners.
• Fixed: the header no longer breaks at tablet width (on nine pages, including sign-in and register, mistyped column classes stacked it at 768 px). Password fields are masked; before, they showed what you typed. Hundreds of links that pointed nowhere (about 450) now open the matching shop, product, cart, blog or contact page, and the breadcrumbs on the cart, checkout and product pages no longer link to a missing page. Payment choices are radio buttons instead of checkboxes, the third and fourth product thumbnails show different photos, the Secure Payment benefit has its own icon, and the partner logos scroll at every screen width.
• New demo content: products named after their photos with matching categories and prices, a cart whose totals add up, fictional filter brands, fashion copy for the hero, deal, product, FAQ, contact and blog pages in place of placeholder text, a fictional address, phone number and email, and 2026 dates. Photos that showed brand logos are replaced with Unsplash photos or retouched.