The Snipcart module is a simple way to add eCommerce functionality to any website. This extension can be demo'd on several products on the homepage of this site or at the bottom of this page.

From Snipcart.com's site:
"Simply add Snipcart’s HTML markup to any link/HREF to make it buyable. The markup allows you to define your product’s properties, including the price, the weight, the product name, the product page and anything you can think of! Once you’ve added this markup, you’re already halfway through."

Tutorial on How to Setup

1. First you will need to signup for an account on snipcart.com.

2. Once you signup you'll need to grab your API key for your account under the "Account > Credentials" area and add to the backend area of S5 Snipcart and publish the module to a position on your site you desire the cart to show up in. You can also configure the cart icon and if it popups or not on item add.

4. Back on the snipcart.com website you'll also need to enter in your domain name under "Settings > General". Note that Snipcart doesn't work on localhost, you will need to test and configure on a live domain. The reason being is Snipcart security checks your website on submission to be sure nothing was changed, like price, etc during the add to cart process.

3. Now you are all setup and connected. Next you will need to add items to your site.

The Masonry module is demo'd on this page, and is a powerful module that pulls your article from a category or categories and can display them in masonry style format. The module automatically changes on screen resize to fit the screen a user is viewing them on. You can choose to output a "load more" button that will load a set number of articles you define via AJAX. The second method to load articles is "scroll to load" which will load articles once you scroll to the bottom of your screen. You simply assign an intro image under your "Image and Links" parameters area of your article and then if you choose to show it in the module it will show up. The intro text will show up if you've added text to your article before your read more button.

Features:

• Choose to enable scroll to load or load more or neither
• Show or hide category elector
• Show or hide read more
• Set how many articles are to be shown
• Set how many articles are to load via AJAX button or scroll methods
• Order articles by publish date, created date, random or ordering
• Show or hide hits
• Standard layout or hover layout
• Responsive ready and more, view the below admin screenshot to see all the features