NOTE: This is React version of the Stroyka template. Also available:
- HTML/SASS version here
- Angular version here
- Vue.js version here
- MODX 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.
Stroyka — Tools Store React eCommerce Template, made specifically for a instruments/tools store, but also well suited for a auto parts store, electronics store, etc.
Purchased package includes:
- React files
- Next.js files
- SCSS files
- Documentation
Comparison between React and Next.js
Both versions of the template have the same appearance, but they also have the following differences:
React
- Based on: create-react-app
- Language: JavaScript (will be gradually translated into TypeScript)
- Supports SSR: No
- Documentation: Available
- Demo: Available
Next.js
- Based on: create-next-app
- Language: TypeScript
- Supports SSR: Yes
- Documentation: Available
- Demo: Not available
Features
- 100% Responsive Layout
- LTR/RTL supported
- HTML5 and CSS3
- Bootstrap 4
- SASS
- CSS3 Animation
- SVG Icons
- Font Awesome Icons
- BEM syntax
- Roboto Google Font
- Compatible with all major browsers
- Grid / List products view
- Quickview
- PhotoSwipe gallery on the product page
- Off canvas filters
- Search suggestions
- Server Side Rendering (SSR)
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
- Next.js (https://nextjs.org/)
- Next Redux Wrapper (https://github.com/kirill-konshin/next-redux-wrapper)
- React Helmet Async (https://github.com/staylor/react-helmet-async)
- React Input Range (https://github.com/davidchin/react-input-range)
- React Intl (https://github.com/formatjs/react-intl)
- React Redux (https://react-redux.js.org/)
- React Router Dom (https://reacttraining.com/react-router/web)
- React Router Scroll 4 (https://github.com/ytase/react-router-scroll)
- 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/)
NOTE: Images in the demo are not included in the purchased package.
Changelog
Version 1.6.0 — July 8, 2020
- Added: Next.js version (with server side rendering);
-
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; - Fixed: Cannot read property ‘version’ of null;
Version 1.5.0 — May 22, 2020
- Added: Working filters;
- Added: Category selector to the search;
- Added: To Top button;
- Added: The ability to change the aspect ratio of the product images;
- Added: Zoom button to the product gallery;
- Changed: Social links moved to a separate component;
- Fixed: Pagination z-index;
- Fixed: Value could not be typed manually to the InputNumber component;
- Fixed: Color swatches are not wrapped to a new line;
- Updated: bootstrap form 4.4.1 to 4.5.0;
- Updated: react from 16.12.0 to 16.13.1 and other dependencies.
Version 1.4.0 — March 5, 2020
- Added: Account menu;
- Added: Order success page;
- Added: Order details page;
- Added: Edit address page;
- Changed: Close the mobile menu when click on the link;
- Fixed: Same height of product cards in the block products carousel;
- Fixed: react-slick bug when dynamically loading slides.
Version 1.3.0 — January 13, 2020
- Added: Search suggestions;
- Changed: react-helmet replaced by react-helmet-async;
- Fixed: Minor issues related to the menu;
- Updated: bootstrap form 4.3.1 to 4.4.1;
- Updated: react from 16.10.2 to 16.12.0 and other dependencies.
Version 1.2.2 — December 1, 2019
- Fixed: Off canvas filters not showing.
Version 1.2.1 — November 24, 2019
- Fixed: Mobile menu not showing.
Version 1.2.0 — October 11, 2019
- Added: RTL support;
- Added: Scrolling page up and restoring scroll position after navigation;
- Updated: react from 16.9.0 to 16.10.2 and other dependencies.
Version 1.1.0 — August 20, 2019
- Added: Off canvas filters on the shop page;
- Added: PhotoSwipe gallery on the product page;
- Fixed: Unexpected execution of mouse click handlers while dragging the react-slick (now mouse click will be prevented);
- Updated: react from 16.8.6 to 16.9.0 and other dependencies.
Version 1.0.0 — June 14, 2019
- Initial Release
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Stroyka – Tools Store React eCommerce Template from the The Developer ( Kos9 ) website. Thank you.
Download = Stroyka – Tools Store React eCommerce Template-[Updated].zip