RedParts - Auto Parts React eCommerce Template

NOTE: This is React version of the RedParts template. Also available:

• HTML/SASS version here
• Angular version here
• MODX version here
• WordPress version here

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

• Roboto (https://fonts.google.com/specimen/Roboto)

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