Product Description
Auto Parts React Template is a responsive and modern template designed specifically for auto parts stores, electronics stores, sports goods, tools stores, and more. This template offers a unique Spaceship header layout and is built with TypeScript using the Next.js framework, ensuring a robust and scalable solution for your online store.
This template comes with a range of features, including two header layouts, RTL/LTR support, five different color schemes, and a powerful mobile menu. It is also fully responsive, ensuring a seamless user experience across all devices. Additionally, it includes features such as quickview, offcanvas filters, account pages, megamenu, vertical megamenu, photoswipe gallery, and cursor-based and page-based navigation. The template is built using Bootstrap 4.6.x, HTML5, CSS3, SASS, and utilizes CSS3 animation, SVG and Font Awesome icons, and the BEM syntax. It also includes Roboto Google Font and is compatible with all major browsers.
More details
NOTE: This is React version of the RedParts template. Also available:
If you do not know (or are unsure) which version you need, feel free to ask using the contact form on this page.
RedParts — Auto Parts React Template is a responsive template with a unique Spaceship header layout designed specifically for your auto parts store. You can also use it as an electronics store, sports goods, tools store, etc.
Purchased package includes:
- React files
- SCSS files
- Documentation
Implementation Notes
The template is written in TypeScript using the Next.js framework. The components are written in a functional style using React hooks.
If you like my template, don’t forget to rate it
Features
- Two header layouts
- RTL/LTR Supported
- Five different color schemes
- Based on Bootstrap 4.6.x
- Powerful mobile menu
- With auto parts store features
- 100% Responsive Layout
- HTML5, CSS3, SASS
- CSS3 Animation
- SVG & Font Awesome Icons
- BEM syntax
- Roboto Google Font
- Compatible with all major browsers
- Four shop layouts
- Quickview
- Offcanvas filters
- Account pages
- Megamenu
- Vertical Megamenu
- Photoswipe gallery
- Cursor based and page based navigation
Fonts
Icons
Most of the icons used in the template are in SVG format, for the rest the following fonts are used:
- Font Awesome (https://fontawesome.com/) – for social networks icons.
Third-party packages used in the template
- 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/)
The following libraries and frameworks are also used:
- 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)
NOTE: 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
- Initial Release