Javascript 如何使用FastSpring正确设置modal shop？

我目前正在探索，但他们的例子记录得很差，所以我很难理解如何为我的产品创建模式对话框的最基本的例子。在下面的链接中，他们有一个“购买Photo.io应用程序”的示例，但他们各自的JavaScript代码在我的测试网页上失败

具体而言，第176行：

在将部分复制到我的测试网页后，这就是脚本中断的地方。

fsb模态

来自哪里？这是在哪里创建的？没有解释“JavaScript”代码是如何嵌入到HTML中的。非常感谢您的帮助

另外，我的测试网页包括来自我的测试帐户的

脚本
指令：

<script
    id="fsc-api"
    src="https://1234567890.cloudfront.net/sbl/0.8.3/fastspring-builder.min.js"
    type="text/javascript"
    data-storefront="x-y-z.test.onfastspring.com/popup-x-y-z">
</script>

div
和id
fsb model
是HTML的一部分，描述购物车model的内容。在您提到的页面上，它位于第76行的HTML选项卡下：

<!--
    This is the modal shopping cart.  The contents of the below will be populated by the handlebars script defined below.
-->
<div id="fsb-modal" class="fsb-modal">
    <div class="fsb-modal-content" id="fsb-modal-content">
        <div class="fsb-modal-header" style="background: #28a745; color: #ffffff;">
            <span id="fsb-close" class="fsb-close">&times;</span>
            <span class="fsb-cart_title">Shopping Cart</span>
        </div>
        <div class="fsb-modal-body">
            <div id="fsb_error" class="fsb-alert fsb-alert-danger" role="alert">
                <p class="fsb-alert-heading"><strong>I'm sorry, there was an issue.</strong></p>
                <p id="fsb_error_msg"></p>
            </div>
            <div id="fsb" data-fsc-selections-smartdisplay>
                <div data-fsc-selections-smartdisplay data-fsc-items-container='fastspring_shopping_cart' data-fsc-filter="selected=true" class="fsb-container-fluid px-5 py5">
                </div>
            </div>
            <div data-fsc-selections-smartdisplay-inverse>
                <p class="fsb-emptyCart">Your cart is empty.</p>
            </div>
        </div>
    </div>
</div>


&时代；
购物车
很抱歉，出现了一个问题。

您的购物车是空的
您所说的
fsb模态从何而来是什么意思？它是HTML的一部分，这就是重点。不是。打开链接，它在哪里？不知道你是什么意思。在您附加的链接中，切换到HTML选项卡并查看第76行。到底是什么。。。当我打开“查找页面…”时，我的chrome没有找到任何内容。我会接受这一点作为回答。我会把它作为一个回答。
<!--
    This is the modal shopping cart.  The contents of the below will be populated by the handlebars script defined below.
-->
<div id="fsb-modal" class="fsb-modal">
    <div class="fsb-modal-content" id="fsb-modal-content">
        <div class="fsb-modal-header" style="background: #28a745; color: #ffffff;">
            <span id="fsb-close" class="fsb-close">&times;</span>
            <span class="fsb-cart_title">Shopping Cart</span>
        </div>
        <div class="fsb-modal-body">
            <div id="fsb_error" class="fsb-alert fsb-alert-danger" role="alert">
                <p class="fsb-alert-heading"><strong>I'm sorry, there was an issue.</strong></p>
                <p id="fsb_error_msg"></p>
            </div>
            <div id="fsb" data-fsc-selections-smartdisplay>
                <div data-fsc-selections-smartdisplay data-fsc-items-container='fastspring_shopping_cart' data-fsc-filter="selected=true" class="fsb-container-fluid px-5 py5">
                </div>
            </div>
            <div data-fsc-selections-smartdisplay-inverse>
                <p class="fsb-emptyCart">Your cart is empty.</p>
            </div>
        </div>
    </div>
</div>