Cart Widget turning any Site into Shop.
Installation
- Install NodeJS
- Install dependencies
npm install
- Run server
node server.js
- Open
shop.html
in browser.
TODO
- Add format.js and proper phone number validation.
- Add mail notification for the user if he provides email.
- Add ability to set if field required.
Project history
Detailed explanation of every step in the history
of the project. Also, there's a git tag for every step - type git checkout <tag-name>
and git checkout master
to set project to the latest state.
- HTML Mockups -
html-mockups
.
How to add language
- Add new language to
client/languages
. - Add new language to
server/languages
.
How to install NodeJS
We need it to use LESS, and as our web server.
Don't use NodeJS pre-packaged installer because it will install it with sudo and
you don't want that, also don't install it via brew
or other package manager because
for some reason unknown to me all of them install it somehow wrongly.
It's better to built NodeJS from sources.
wget http://nodejs.org/dist/vX.X.X/node-vX.X.X.tar.gztar -xzf node-vX.X.X.tar.gzcd node-vX.X.X./configuremakemake install
How to install LESS
NodeJS should be installed, then type npm install less -g
How to namespace Twitter Bootstrap styles
Download Twitter Bootstrap http://getbootstrap.com, go to css
folder, create
bootstrap.less
file and copy content of bootstrap.css
there (LESS is superset of CSS so it will be fine).
Create file bootstrap-widget.less
and put import bootstrap styles into namespace.
.bootstrap-widget {@import "./bootstrap.less";}
Now run LESS and convert it to CSS
lessc bootstrap-widget.less > bootstrap-widget.css
You should get file bootstrap-widget.css
with all bootstrap styles put under
the bootstrap-widget
namespace.
Copyright (c) Alexey Petrushin, http://petrush.in, released under the MIT license.