Shoppable Image for HHG

shoppable-image.html

<!-- the item -->
<div class="js_shop js_shop_placed shop-cnt" data-product-name="oslo-speaker">
    <p class="ws-post-thepost-image">
        <img src="https://meta.hevnly.com/images/on-16-7-2016/hhg-img-9a1011af-8b93-4e65-afc3-71cc12950e87.png" alt="An example item for sale">
        <span class="ws-post-thepost-shoppable">
            <em>[insert brand] | [insert product name], £[insert price]</em>
            <a href="/the-item" class="ws-post-thepost-shoplink">Shop</a> <!-- this should link to iOS app item OR if the user doesn't have the hevnly iOS app then I should be taken to the web application item view for this product -->
        </span>
    </p>
    <div class="add-to-cart-container"></div>
</div>
<!--// the item -->