Simple Affiliate Stores

Simple Affiliate Stores is a clean, responsive storefront boilerplate with no database you can setup in minutes. Simple Affiliate Stores is built on top of simpleStore which uses Skeleton CSS Framework for a lightweight, fast, simple to use, and completely customizable experience.

Features

• No Databases, all client-side (just simple HTML, CSS & Javascript)
• Lightweight & Fast
• Easy setup
• Use either JSON formatted products list or load products from Google Spreadsheet.
• User suggestions

Demos

You can see a working demo here

Setup

• Make sure simple affiliates store is on a web server (any type will do as long as it can serve static web pages).
• Edit the js/config.js to your liking.

Setting up user suggestions

• The user suggestions features require you to create a form at https://docs.google.com/forms/
• Use This Form as a template.
• Set Data validation where required.
• Next go to the responses tab an click the spreadsheet icon
• It'll create a new spreadsheet for you similar to this one
• This spreadsheet will contain all suggestions from users, If you want to add any you can just copy and paste it into your products spreadsheet.
• Once all setup is done, click on send and open the Link Tab
• From here grab the src or the link.
• edit js/config.js and set the suggestionFormURL value to your form URL
• You're done =)

Using JSON version

• Use the products.json file as a starting point.
• Add additional products in the products.json file.
• Make sure mode is set to JSON in js/config.js and that googleSheets.js is not being referenced in the setup.

Using Google Spreadsheet

To use a Google Spreadsheet, add a reference just before your config.js file

<script src="js/googleSheets.js"></script>

• Use the Demo Spreadsheet as a starting point
• Create a new Google spreadsheet
• Set sharing permissions to either “Public” or set to “Anyone with link can view”
• Publish the sheet (File -> Publish to the web -> Publish)
• Add the spreadsheet ID to your 'config.js' ( spreadsheetID : "XXXXXXXXXXXXXXXXXXXXXXX" )

Credit where credit is due

For further documentation on expanding/tweaking simple affiliate stores, check out the framework/plugin pages.

• simpleStore
• Skeleton
• Normalize.css
• FontAwesome
• jQuery
• jPages