NOTE: This is Super Heroic (Angular) version of the Stroyka template. Also available:
HTML/SASS version here
React 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 Angular 13 eCommerce Template, made specifically for a
instruments/tools store, but also well suited for a auto parts store,
electronics store, etc.
Purchased package includes:
Angular files (modules, components, directives, etc.)
SCSS files
Documentation
Features
Server Side Rendering (SSR) for SEO
PhotoSwipe gallery on the product page
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
Off canvas filters
Sticky header that can work in two modes: pullToShow and alwaysOnTop
Photoswipe gallery
RedZoom gallery
Drop down account menu
Off canvas and Drop down shopping cart
Search suggestions
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.
Stroyka – custom Icon Font to display some icons in the template.
It is used only in the Edge Browser to solve performance issue associated with
rendering a huge amount of SVG icons.
Third-party modules used in the template
@angular-slider/ngx-slider (https://github.com/angular-slider/ngx-slider)
ngx-owl-carousel-o (https://github.com/vitalii-andriiovskyi/ngx-owl-carousel-o)
ngx-bootstrap (https://valor-software.com/ngx-bootstrap/)
ngx-toastr (https://scttcper.github.io/ngx-toastr/)
ngx-red-zoom (https://scompiler.github.io/red-zoom-angular/)
The following libraries and frameworks are also used:
Bootstrap (https://getbootstrap.com/)
PhotoSwipe (https://photoswipe.com/)
NOTE: Images in the demo are not included in the purchased package.
Changelog
Version 1.18.0 — January 17, 2022
Fixed (regression): Unexpected execution of mouse click handlers while dragging the owl-carousel (now mouse click will be prevented);
Other: node-sass replaced with dart-sass;
Updated: Angular from 12.2.11 to 13.1.2 and other dependencies.
Version 1.17.0 — October 28, 2021
Fixed: Too slow page generation in SSR mode;
Updated: Angular from 12.0.0 to 12.2.11 and other dependencies.
Version 1.16.2 — June 21, 2021
Fixed: Wrong ngx-red-zoom gallery position in the RTL version.
Version 1.16.1 — May 22, 2021
Fixed: Account menu does not close when clicking on a menu item.
Version 1.16.0 — May 20, 2021
Updated: Bootstrap from 4.5.3 to 4.6.0;
Updated: Angular from 11.0.1 to 12.0.0 and other dependencies.
Version 1.15.2 — May 12, 2021
Fixed: Incorrect links in mobile header;
Fixed: ngx-slide under some conditions dispatches a value change event even if it has not been changed, which
leads to unwanted page reloads.
Version 1.15.1 — March 22, 2021
Fixed: Site overlaps off-canvas cart on the iPhone;
Fixed: Sometimes, due to unexpected behavior, the browser (in particular Safari) may not play the transition, which leads to
blocking interaction with page elements due to the fact that the preloader is not deleted;
Fixed: Product carousel blocks items that are below (z-index issue).
Version 1.15.0 — November 19, 2020
Changed: @m0t0r/ngx-slider replaced with @angular-slider/ngx-slider;
Updated: Angular from 10.1.6 to 11.0.1 and other dependencies.
Version 1.14.0 — October 18, 2020
Added: ngx-red-zoom gallery;
Updated: Angular from 10.0.0 to 10.1.6 and other dependencies.
Version 1.13.2 — August 9, 2020
Fixed: The height of the departments menu is calculated incorrectly after scrolling the page from bottom to top if the header is
sticky.
Version 1.13.1 — August 9, 2020
Fixed: FOUC due to the Chrome bug related to resource load order.
Version 1.13.0 — June 28, 2020
Added: Off canvas shopping cart;
Changed: ng5-slider replaced with @m0t0r/ngx-slider;
Updated: Angular from 9.1.1 to 10.0.0 and other dependencies.
Version 1.12.0 — June 1, 2020
Added: Working share buttons.
Version 1.11.0 — May 13, 2020
Added: Search suggestions;
Added: The ability to change the aspect ratio of the product images;
Added: Zoom button to the product gallery;
Added: To Top button;
Changed: Notification styles;
Changed: Social links moved to a separate component;
Fixed: Color swatches are not wrapped to a new line;
Updated: Bootstrap from 4.4.1 to 4.5.0.
Version 1.10.0 — April 9, 2020
Added: Sticky header that can work in two modes: pullToShow and alwaysOnTop;
Changed: Improved touch events handling for navigation panel;
Fixed: Pagination z-index;
Updated: Angular from 9.0.0 to 9.1.1 and other dependencies.
Version 1.9.0 — March 5, 2020
Added: Account menu;
Added: Order success page;
Added: Order details page;
Added: Edit address page;
Changed: Close drop cart when navigate;
Fixed: Minor css issues.
Version 1.8.0 — February 8, 2020
Fixed: Same height of product cards in the block products carousel;
Updated: Angular from 8.2.14 to 9.0.0 and other dependencies.
Version 1.7.0 — December 19, 2019
Added: SEO friendly URLs for category and product pages;
Added: Workable sidebar filters;
Changed: Now, the products data comes into the templates through Angular services that receive data from a fake API server.
This should simplify the process of integrating the template with your backend API;
Changed: The pages structure has been simplified. Now it is more like the page structure of a real online store;
Other: Added section “Integration” in the documentation.
Version 1.6.0 — November 14, 2019
Changed: Now the menu will be closed when you click on an item;
Fixed: Reverse image order in PhotoSwipe gallery for RTL direction;
Fixed: Broken “Shop By Category” button in RTL direction;
Updated: Angular from 8.1.0 to 8.2.13 and other dependencies;
Other: Now instead of black images of stubs, more friendly gray images with an image resolution printed on them are used.
Version 1.5.1 — August 2, 2019
Fixed: “Price” and “Quantity” in the drop-down cart are displayed incorrectly in the RTL version.
Version 1.5.0 — July 7, 2019
Added: Off canvas filters on the shop page;
Updated: Angular from 8.0 to 8.1;
Updated: Angular Universal from 7.1 to 8.1;
Updated: ng5-slider form 1.2.1 to 1.2.4;
Updated: ngx-bootstrap form 4.3.0 to 5.0.0;
Updated: ngx-owl-carousel-o form 1.1.5 to 1.1.6.
Fixed: minor CSS issues.
Version 1.4.0 — June 14, 2019
Updated: Angular form 7 to 8;
Updated: @fortawesome/fontawesome-free form 5.8.1 to 5.9.0;
Updated: ng5-slider form 1.1.13 to 1.2.1;
Updated: ngx-toastr form 10.0.2 to 10.0.4;
Updated: ngx-bootstrap form 4.0.1 to 4.3.0;
Updated: ngx-owl-carousel-o form 1.1.0 to 1.1.5.
Version 1.3.0 — May 22, 2019
Added pipe currencyFormat, which now used instead of built-in pipe currency. This makes it easy to change the currency for the entire template;
Added sections “Currency” and “Update” in the documentation.
Version 1.2.0 — April 24, 2019
Added support for RTL.
Version 1.1.0 — April 04, 2019
Added: Server Side Rendering (SSR) for SEO;
Added: Five account pages (Dashboard, Edit Profile, Order History, Addresses, Change Password);
Added: PhotoSwipe gallery on the product page;
Updated: ngx-owl-carousel-o from 1.0.11 to 1.1.0;
Updated: ngx-bootstrap from 3.2.0 to 4.0.1;
Changed: Font Awesome is now used as a npm dependency;
Fixed: Unexpected execution of mouse click handlers while dragging the owl-carousel (now mouse click will be prevented);
Other minor changes.
Version 1.0.0 — March 25, 2019
Initial Release