NOTE: This is Nuxt.js (Vue.js) version of the Stroyka template. Also available:

• HTML/SASS version here
• Angular version here
• React 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 Vue.js eCommerce Template, made specifically for a instruments/tools store, but also well suited for a auto parts store, electronics store, etc.

Purchased package includes:

• Vue.js files
• SCSS files
• Documentation

Implementation Notes

For better type inference, the template uses TypeScript as its primary scripting language.
Vue components written in class-style syntax.

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
• Sticky header that can work in two modes: pullToShow and alwaysOnTop
• Server Side Rendering (SSR)
• Off canvas and Drop down shopping cart
• Drop down account menu

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

• Nuxt.js ( https://nuxtjs.org/ )
• Vue I18n ( https://kazupon.github.io/vue-i18n/ )
• Vue.js notifications ( https://github.com/euvl/vue-notification )
• Vue Property Decorator ( https://github.com/kaorun343/vue-property-decorator )
• vue-slider-component ( https://github.com/NightCatSama/vue-slider-component )
• Vuex ( https://vuex.vuejs.org/ )
• vuex-class ( https://github.com/ktsn/vuex-class )
• vuex-persistedstate ( https://github.com/robinvdvleuten/vuex-persistedstate )
• BootstrapVue ( https://bootstrap-vue.org/ )

The following libraries and frameworks are also used:

• Bootstrap ( https://getbootstrap.com/ )
• photoswipe ( https://photoswipe.com/ )
• query-string ( https://github.com/sindresorhus/query-string )
• Swiper ( https://swiperjs.com/ )

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

Changelog

Version 1.1.0 — May 5, 2021

• New: API service rewritten as Nuxt.js plugin. This made it possible to use other plugins (eg @nuxtjs/axios) from the API service;
• Updated: Nuxt.js from 2.13.3 to 2.15.4;
• Fixed: Incorrectly detecting the height of the departments menu when scrolling the page from bottom to top on the home page in Firefox.

Version 1.0.0 — August 2, 2020

• Initial Release