We're getting your cart ready

Support
#1

The SnipCart shopping cart is not loading on my test site, though it had been previously loading.

The snipcart window displays, ‘We’re getting your cart ready…’ in perpetuity.

I created a stripped down page so that the only functionality on the page is SnipCart.

This stripped down page also surfaces, ‘We’re getting your cart ready…’.

Below is the source code from the test page.

Any insight into what may be amiss?

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Snipcart Test</title>

<!-- Snipcart CSS -->

<link rel="stylesheet" href="https://cdn.snipcart.com/themes/v3.4.0/default/snipcart.css" />

<h1>Snipcart Test Page</h1>

<!-- Snipcart Buy Button -->

<button class="snipcart-add-item"

    data-item-id="1"

    data-item-price="64.99"

    data-item-url="/"

    data-item-description="Stretch."

    data-item-image="https://via.placeholder.com/150"

    data-item-name="Test Product">

    Buy Now

</button>

<!-- Snipcart Container -->

<div hidden id="snipcart"></div>

<!-- Snipcart Settings -->

<script>

    window.SnipcartSettings = {

        publicApiKey: 'ZjVhNzg4ODItNTczMS00MzFlLWI0M2YtZjEyOGY2YzllM4NTUwMDU0Mzg1MDE5ODUx',

        loadStrategy: 'on-user-interaction',

        modalStyle: 'side',

    };

</script>

<!-- Snipcart JavaScript SDK -->

<script async src="https://cdn.snipcart.com/themes/v3.4.0/default/snipcart.js"></script>
#2

I’d recommend using the latest version and the latest loading code here: