I'm trying to integrate the following JS library with Hype 3.
The problem I'm running into is that the overlay checkout doesn't work occasionally on Google Chrome/Safari on my Mac, and not at all in Firefox or any mobile browser.
I've edited the inner HTML of the "Buy" button to be the following:
<a href="#" style="text-decoration:none;color:#FFFFFF" class="paddle_button" data-product="499079" data-theme="none" data-allow-quantity="yes">Buy $6.99</a><br>
I've also edited the HTML head to include these libraries:
<script async src="https://paddle.s3.amazonaws.com/checkout/checkout.js"></script>
I've contacted the Paddle vendor about it and they're convinced that the problem is with Hype, since it works on other sites without issue.
I'm attaching a zipped copy of my Hype project in case that helps.