Product

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Product is a website template for a fashion and accessories shop, built on Bootstrap 5.3.8 with plain JavaScript. The layout is responsive and works in all current browsers. It comes with eight pages: home, shop, cart, checkout, thank you, about, contact and elements.

The home page has a full-screen photo hero with a sticky header, delivery and returns cards, a product grid, a weekly deal banner and a “Popular Items” slider. The shop page adds a category list, a sort menu and pagination, the cart updates its totals as you change a quantity, and the checkout form checks its required fields before it opens the thank-you page. The about page has animated counters, a video and the team; the elements page shows the accordion, gallery, video, form fields and testimonial slider.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release shipped Bootstrap 4.5 with jQuery 3.4), compiled from Sass together with the theme, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the product slider, PhotoSwipe replaces Fancybox in the gallery, and a keyboard-operable dialog replaces the old off-canvas menu. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: all nine pages together went from 14.3 MB and 227 requests to 6.8 MB and 112 requests (home 3.0 MB to 1.8 MB). Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the fold, and unused plugins and icon fonts are gone.
• No third-party requests: Libre Baskerville and Mulish are self-hosted, the icon fonts are replaced by Lucide SVG icons and a small social-logo subset, the video loads from YouTube’s privacy-enhanced player only after a click, and the Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded its fonts from Google Fonts.
• Working forms: the contact and newsletter forms send through php/send-email.php with validation, a spam trap and an in-page message, the search form opens the shop page with your query, and the cart and checkout forms have named, labelled fields.
• Accessibility: a skip link and a main landmark on every page, one h1 per page, visible keyboard focus, menus that open from the keyboard, labelled form fields and text contrast of 4.5:1 or better.
• New photographs of clothes and boots, fictional team members and testimonials throughout, and a README with the setup steps.