RedParts - Auto Parts React eCommerce Template
RedParts — Auto Parts React Template is a responsive template with a unique Spaceship header layout designed specifically for auto parts stores and can also be used for electronics, sports goods, tools stores, etc. The purchased package includes React files, SCSS files, and documentation.
What it is and how it works
The template is written in TypeScript and uses the Next.js framework. Components are implemented in a functional style with React hooks, delivering a modern, scalable architecture for e-commerce storefronts.
It is designed to be adaptable for multiple product categories beyond auto parts, including electronics, sports goods, and tools, with a flexible layout and navigation system.
Key highlights
- Spaceship header layout for a distinctive storefront look.
- Two header layouts to suit different design preferences.
- RTL/LTR support for internationalized storefronts.
- Five different color schemes for branding flexibility.
- Based on Bootstrap 4.6.x for solid grid and components.
- Powerful mobile menu for responsive navigation.
- 100% responsive layout for desktop, tablet, and mobile devices.
- HTML5, CSS3, SASS with CSS3 animations for modern UI.
- SVG and Font Awesome icons for scalable visuals.
- BEM naming convention for maintainable CSS.
- Roboto Google Font integration for typography consistency.
Included package and supported environments
- React files
- SCSS files
- Documentation
Note: Images in the demo are not included in the purchased package.
Shop and UI features
- Four shop layouts to choose from
- Megamenu and Vertical Megamenu for deep navigation
- Quickview feature for rapid product glimpse
- Offcanvas filters for a clean, accessible product filtering experience
- Account pages for user management
- Photoswipe gallery for immersive product imagery
- Cursor-based and page-based navigation options
Fonts and icons
- Fonts: Roboto (https://fonts.google.com/specimen/Roboto)
- Icons: SVG-based icons; Font Awesome (https://fontawesome.com/) used for social networks icons
Third-party packages and libraries
Core technologies
- React (https://reactjs.org/)
- Next.js (https://nextjs.org/)
- Next Redux Wrapper (https://github.com/kirill-konshin/next-redux-wrapper)
- React Hook Form (https://react-hook-form.com/)
- React Input Range (https://github.com/davidchin/react-input-range)
- React Intl (https://www.npmjs.com/package/react-intl)
- React Redux (https://react-redux.js.org/)
- React Slick (https://react-slick.neostack.com/)
- React Toastify (https://fkhadra.github.io/react-toastify/)
- Reactstrap (https://reactstrap.github.io/)
Additional libraries and frameworks
- Bootstrap (https://getbootstrap.com/)
- Classnames (https://github.com/JedWatson/classnames)
- Redux (https://redux.js.org/)
- Redux Thunk (https://github.com/reduxjs/redux-thunk)
- PhotoSwipe (https://photoswipe.com/)
- query-string (https://github.com/sindresorhus/query-string)
Notes on assets
Images in the demo are not included in the purchased package.
Changelog
Version 1.2.0 — September 1, 2021
- Fixed: The provided href (/catalog/[slug]/products) value is missing query values (slug) to be interpolated properly.
- Updated: Next.js from 10.2.0 to 11.1.2.
- Updated: Other dependencies.
Version 1.1.0 — May 5, 2021
- Added: Support for cursor based navigation.
- Fixed: Range filter incorrectly rounds min and max values if they have the same value.
- Fixed: Bug of displaying slides of a react-slick if the infinite property is true and the slides are not enough to fill the entire frame.
- Updated: Next.js from 9.5.2 to 10.2.0.
- Updated: React from 16.13.1 to 17.0.2.
- Updated: react-hook-form from 6.13.1 to 7.4.0.
- Updated: Other dependencies.
Version 1.0.0 — September 2, 2020
The information on this website is sourced from the
ThemeForest product page
.
