Widget

buy_now.js.coffee

  <div>
      <script jquery>
      <script jquery.shopify>
      <css>

          $("body").shopify({
                  product_area: ".shopify-widget-product",
                  cart_indicator: ".shopify-widget-cart",
                  button: ".shopify-widget-button",
                  style: "/assets/store.css",
                  shop: "https://jeromes-amazing-store-of-goodness.myshopify.com"
          })

          <div class="shopify-widget-product" data-product-id="4" data-action="buy-now" data-text="Buy now"></div>

          <div class="shopify-widget-product" data-product-id="3" data-action="add-to-cart" data-text="Add to cart"></div>

          <div class="shopify-widget-product" data-product-id="2"  data-action="product-page" data-text="View product"></div>

          <div class="shopify-widget-button" data-product-id="4" data-action="buy-now" data-text="Buy now"></div>
      
          <div class="shopify-widget-button" data-product-id="3" data-action="add-to-cart" data-text="Add to cart"></div>
      
          <div class="shopify-widget-button" data-product-id="2"  data-action="product-page" data-text="View product"></div>
      
          <div class="shopify-widget-cart" data-action="view-cart" data-text="View Cart"></div>

          <div class="shopify-widget-cart" data-action="checkout" data-text="Checkout"></div>
    </div>