Skip to content
This repository has been archived by the owner on Jan 19, 2024. It is now read-only.

uhzair/Simple-Affiliate-Stores

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.