Stroyka — Tools Store HTML Template, made specifically for a instruments/tools store, but also well suited for a auto parts store, electronics store, etc.

NOTE: This is HTML version of the Stroyka template. Also available:

React 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.

Package

The package includes five ready-made HTML-sets with different color schemes (37 HTML-file in each): default (yellow), black, green, blue and red. You can use any one you like.

The package also includes source files, your can use them to customize colors, font and some other settings via SASS variables. We use twig.js as a template engine for building HTML files.

If you like my template, don’t forget to rate it

Features

37 HTML Files
100% Responsive Layout
LTR/RTL version
HTML5 and CSS3
Bootstrap 4.5.x
SASS
CSS3 Animation
SVG Icons
Font Awesome Icons
BEM syntax
Roboto Google Font
Compatible with all major browsers
Grid / List products view
Quickview
Account pages
Off canvas filters
Sticky header that can work in two modes: pullToShow and alwaysOnTop
Photoswipe gallery
Select2 integration
Off canvas and Drop down shopping cart
Drop down account menu
Search suggestions
Sticky tabs on product page

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.

Used Frameworks And Javascript Libraries

jQuery (https://jquery.com)
Bootstrap (http://getbootstrap.com)
SVG for Everybody (https://github.com/jonathantneal/svg4everybody)
noUiSlider (https://github.com/leongersen/noUiSlider/)
Owl Carousel 2 (https://github.com/OwlCarousel2/OwlCarousel2)
PhotoSwipe (https://photoswipe.com/)
Select2 (https://select2.org/)

NOTE: Images in the demo are not included in the purchased package.

Changelog

Version 1.14.0 — August 15, 2021

Other: node-sass replaced with sass;
Updated jquery form 3.5.1 to 3.6.0;
Updated dependencies.

Version 1.13.0 — May 14, 2020

Added: Category selector to the search;
Added: Add to cart button to the search suggestions;
Fixed: Color swatches are not wrapped to a new line;
Updated: bootstrap form 4.4.1 to 4.5.0
Updated: jquery form 3.4.1 to 3.5.1 and other dependencies.

Version 1.12.0 — March 23, 2020

Added: Sticky tabs on product page (can be disabled);
Added: Ability to display two columns of post cards in .block-posts (Latest News) on mobile devices;
Added: Ability to display four columns of post cards in .block-posts (Latest News) on desktop devices;
Added: Ability to display two columns of product cards in .block-products and .block-products-carousels on mobile devices.

Version 1.11.0 — March 7, 2020

Added: The ability to always show the “Add to cart” button, and not only when hovering;
Added: The ability to change the aspect ratio of the product images;
Added: Added customization section to the documentation;
Changed: Social links component refactored;
Fixed: All issues related to a non-square images.

Version 1.10.0 — March 4, 2020

Added: Order success page.

Version 1.9.0 — February 27, 2020

Added: Order details page;
Added: Edit address page.

Version 1.8.0 — February 15, 2020

Updated: Now two products are displayed per row in the products list on mobile devices;
Fixed: Incorrect display of block-products-carousel in IE;
Fixed: Submenu width bug in IE.

Version 1.7.1 — January 25, 2020

Fixed: Pagination z-index;
Fixed: Same height of product cards in the block products carousel.

Version 1.7.0 — December 6, 2019

Added: Off canvas shopping cart;
Added: Drop down account menu;
Added: Search suggestions;
Updated: Alternative category filter now supports more nesting levels;
Updated: Mobile menu moved to the end of page;
Updated: bootstrap form 4.2.1 to 4.4.1 and other dependencies;
Fixed: Text alignment issue in a slideshow block on mobile devices;
Fixed: Reverse image order in PhotoSwipe gallery for RTL direction;
Fixed: Minor CSS issues;
Other: Now instead of black images of stubs, more friendly gray images with an image resolution printed on them are used.

Version 1.6.0 — November 1, 2019

Added: Alternative category filter;
Fixed: On the checkout page, prices break to a new line if they contain a space;
Updated: Scripts moved to the end of page.

Version 1.5.0 — October 7, 2019

Added: PhotoSwipe gallery on the product page;
Added: Select2 integration;
Added: Block Finder (vehicle picker) for auto parts stores;
Added: To Top button.

Version 1.4.0 — August 16, 2019

Added: Sticky header that can work in two modes: pullToShow and alwaysOnTop.

Version 1.3.1 — August 2, 2019

Fixed: “Price” and “Quantity” in the drop-down cart are displayed incorrectly in the RTL version.

Version 1.3.0 — July 6, 2019

Added: Off canvas filters on the shop page.

Version 1.2.0 — April 27, 2019

Added: Five account pages (Dashboard, Edit Profile, Order History, Addresses, Change Password);
Added: Empty cart page;
Updated: RTL support;
Fixed: Some css issues.

Version 1.1.0 — March 15, 2019

Added: RTL version.

Version 1.0.0 — February 17, 2019

Initial Release

Stroyka - Tools Store HTML Template