Plugin submitted by codehandling
Storax jQuery plugin lets you have a light-weight online store on your website. The data about your products stays in the cloud (Parse.com). You may add products and categories using the Parse.com's interface in excel like tables.
You can add/modify categories, subcategories, product data (Ex:Price,Link to product image) directly in the cloud and your website will show the updates right away!
However, to actually sell your products, you need a selling link for each product. This can be any third party service like Paypal,Oronjo,etc. from where users can buy your products. This link goes in your cloud database at Parse.com.
The download pack contains the plugin file - store.min.js and the HTML file deployed in the demo store.html
Navigate to Parse.com and click Signup.
Once you have an account, (with verified email), log into your account. Click on "Create a new App", give a name to your app and click create.
You will given a list of keys for your app. Note your Application ID and Rest API key, since we will be using these two.
Navigate to the data-browser of your newly created App.
Click the Import button, upload the category.json file and give the class name "category".
This will create a table for your categories and sub categories. Delete all the rows in the table and add your store specific data to it. If you need multiple sub-categories for a main-category, create multiple rows with the same main-Category and different sub-categories.
Similarly import product.json file and give the class name "product".
This will create a product table, where you can enter your product data. For each product you need to enter a main-category and a sub-category defined in the Category table. Note - All names and values are CASE SENSITIVE. DO NOT change the name of your classes.
NOTE: You may set permissions for both your class (table) as shown below. This will prevent other users from updating your store databse. Public may only read the data!
1 2 3 4 5 6 7 8 9 10
The description of all variables is shown on the "options" part of this page.
To specify the width of Storax widget as a percentage(%), add the below code in your css
For any other specific requirement, just let me know and I will provide a hack!
Include the jQuery plugin if not done already. Now, include the plugin store.min.js before the end of your body tag and you are done!
1 2 3 4 5 6
Add a div as shown below in you HTML. This div will contain the Store widget and display your Products and Categories.