tessalt/ajax.html

## ajax.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test: Product</title>
  </head>
  <body>
    <script data-shopify-buy-ui>
      (function () {
       var scriptURL = "../../tmp/buy-button-storefront.js";
        if (window.ShopifyBuy && window.ShopifyBuy.UI) {
          ShopifyBuyInit();
        } else {
          var script = document.createElement('script');
          script.async = true;
          script.src = scriptURL;
          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
          script.onload = ShopifyBuyInit;
        }

        function ShopifyBuyInit() {
          var client = ShopifyBuy.buildClient({
            // your credentials here
          });

          ShopifyBuy.UI.onReady(client).then(function (ui) {
            ui.createComponent('product', {
              // your config here
            });
          });
        }
      })();
    </script>
  </body>
</html>


## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BuyButton.js</title>
  </head>
  <body>
    <div id="contents"></div>
    <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
    <script type="text/javascript">
    $.ajax({
      url: '/ajax.html'
    }).then(function (data) {
      $('#contents').append(data);
    });
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Test: Product</title>
	</head>
	<body>
	<script data-shopify-buy-ui>
	(function () {
	var scriptURL = "../../tmp/buy-button-storefront.js";
	if (window.ShopifyBuy && window.ShopifyBuy.UI) {
	ShopifyBuyInit();
	} else {
	var script = document.createElement('script');
	script.async = true;
	script.src = scriptURL;
	(document.getElementsByTagName('head')[0] \|\| document.getElementsByTagName('body')[0]).appendChild(script);
	script.onload = ShopifyBuyInit;
	}

	function ShopifyBuyInit() {
	var client = ShopifyBuy.buildClient({
	// your credentials here
	});

	ShopifyBuy.UI.onReady(client).then(function (ui) {
	ui.createComponent('product', {
	// your config here
	});
	});
	}
	})();
	</script>
	</body>
	</html>