examples/index.html

<html>

<head>
    <link rel="stylesheet" href="https://shopemaa.link/themes/monalisa/css/tailwind/tailwind.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"
            integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://shopemaa.link/themes/monalisa/js/main.js"></script>
    <script src="https://js.stripe.com/v3/"></script>
</head>

<body>

<div class="m-5">
    <button class="shopemaa-stock-down btn btn-primary" data-product-id="{{ PRODUCT_ID }}">-
    </button>
    <span>Thai Soup</span>
    <span>(<span class="shopemaa-cart-item-qty" data-product-id="{{ PRODUCT_ID }}">0</span>)</span>
    <button class="shopemaa-stock-up btn btn-primary" data-product-id="{{ PRODUCT_ID }}">+</button>
    <br/><br/>
    <span class="shopemaa-cart-items-count">0</span>
    <br/><br/>
    <a class="shopemaa-buy-btn btn btn-primary"
       data-product-id="{{ PRODUCT_ID }}">Add to Cart (Thai Soup)
    </a>
    <br/><br/>
    <a class="shopemaa-buy-btn btn btn-primary"
       data-product-id="{{ PRODUCT_ID }}">Add to Cart (Dorada BBQ)
    </a>
    <br/><br/>
    <a class="shopemaa-buy-btn btn btn-primary"
       data-product-id="{{ PRODUCT_ID }}">Add to Cart (Pasta Basta)
    </a>
    <br/><br/>
    <a class="shopemaa-cart-btn btn btn-secondary">Show Cart</a>
    <br/><br/>
    <a class="shopemaa-order-track-btn btn btn-secondary">Track Order</a>
</div>

<script src="../browser/shopemaa.js"></script>
    <script>
      window.onload = function () {
        initShopemaa("YOUR_STORE_APP_KEY", "YOUR_STORE_APP_SECRET")
      };
    </script>
</body>
</html>