Stripe

Default Stripe Test

Caption 1

= codeBlender "thumbnail", "molecule", { array: [ { image:     { data:    "holder.js/252x100" },
                            thumbnail: { caption: "Caption 1",
                                         title:   "Product 1" },
                            button:    { content:    "Buy",
                                         extraClass: "customButton",
                                         href:       "#" } } ] }

<div class='row'>
<div class='col-xs-12 col-sm-6 col-md-4'>
<div class='thumbnail'>
<a href="/assets/images/"><figure class='image' itemprop='image' itemscope itemtype='http://schema.org/ImageObject'>
<img alt='Image' class='image__img' data='holder.js/252x100' itemprop='contentUrl'>
</figure>

</a><div class='caption'>Caption 1</div>
<div class='clearfix'></div>
</div>
</div>
</div>

Resources Useful websites and tutorials

Title	URL
Simple Cart	https://github.com/wojodesign/simplecart-js
Stripe	https://stripe.com/gb
Stripe JS	https://stripe.com/docs/stripe.js

Tasks

Task	Date
Handle the Click event in the usual on manner
Make the Key and Image Global variables
Handler needs to get the details of the products from date- fields

Code Blender

An atomic Middleman partials library