Stroyka – Tools Store Vue.js eCommerce Template

LIVE PREVIEWBUY FOR $28
Hosting

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

Leave a Reply

Your email address will not be published. Required fields are marked *