This tutorial will explain how to install and configure the S5 Snipcart module.
The Snipcart module is a simple way to add eCommerce functionality to any website. From Snipcart.com's website: "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."
Note - Many of our club products contain specific styling for our extensions. These styles cannot be transferred from one product to another; they are integrated into the design. The same extension is used on all installations, the themes themselves contain the styling overrides. If a particular theme does not include unique styling for a particular extension, then the default style is used.
Be sure to read the tooltips and other descriptions in the backend of this extension. There are a lot of tips and further information found in these areas.
<a href="#"
class="snipcart-add-item"
data-item-id="1"
data-item-name="Item Name"
data-item-price="10.99"
data-item-url="http://www.yourwebsite.com/specific-page"
data-item-description="Item Description here">
Add to Cart
</a>
<a href="#"
class="button snipcart-add-item"
data-item-id="113"
data-item-name="Tacos Grande"
data-item-price="10.99"
data-item-url="http://www.shape5.com/demo/fresh_bistro/index.php/order-online/30-appetizers/113-tacos"
data-item-description="Tacos Grande">
<span class="ion-ios-cart sized"></span>
Add to Cart
</a>