vsf-default
vsf-default copied to clipboard
Vue Storefront Default theme. Always Open Source, MIT license. Made with :green_heart: by Vue Storefront. (please consider vsf-capybara instead)
vsf-default
Vue Storefront Default theme (please consider vsf-capybara instead)
Stay connected
π Current status: Production ready
The design
This theme is basic template of typical eCommerce for a fashion industry. In the project we used Material Icons.
![Vue Storefront - Annimations in sidebar menu](https://user-images.githubusercontent.com/18116406/33559404-ed674bcc-d90c-11e7-864a-91e42d1c92cd.gif)
![Vue Storefront - Annimations in featured products box](https://user-images.githubusercontent.com/18116406/33559277-920deb00-d90c-11e7-95e6-ffd55a36a5c6.gif)
Here you can read more about the process of designing PWA for eCommerce.
The design is available in open source in the Figma file format under the URL https://www.figma.com/file/VKyqbHFI55TKIKcQlFLiVpVF/Vue-Storefront-Open-Source.
Browser Compatibility
- last 2 Chrome versions
- last 2 Firefox versions
- last 2 Edge versions
- modern browsers
π Installation
To be able to use new Default theme in your Vue Storefront installation, you need to:
-
Install
lerna
globally:npm install -g lerna
or
yarn global add lerna
-
Configure
vsf-default
repository as a git submodule in theme path of your Vue Storefront workspace, and then trackmaster
branch:git submodule add -b master [email protected]:DivanteLtd/vsf-default.git src/themes/default
-
Fetch all the data:
git submodule update --init --remote
-
Update Vue Storefront configuration by copying
local.json
file fromvsf-default
to rootconfig
directory. -
Update TypeScript compiler option in
tsconfig.json
in root directory: change value forcompilerOptions
.paths
.theme/*
from default theme["src/themes/default/*"]
to brand new Default theme:["src/themes/default/*"]
. -
Download all dependencies and start development server:
lerna bootstrap && yarn dev
-
Thatβs all! Now after opening your development server (http://localhost:3000 by default) you should see Vue Storefront with Default theme! π
Troubleshooting
After git submodule add -b master [email protected]:DivanteLtd/vsf-default.git src/themes/default
you see message:
'src/themes/default' already exists in the index
That is shown because directory already exist or if you removed it then you need to remove it from git index git rm -r --cached src/themes/default
The screenshots
![Vue Storefront - Annimations in the sidebar cart](https://user-images.githubusercontent.com/18116406/33559769-2840fb70-d90e-11e7-8f2b-298f35d1b412.gif)
![Vue Storefront - Annimations on producy card](https://user-images.githubusercontent.com/18116406/33560504-3105dac6-d910-11e7-847d-70ef8e944321.gif)