<script src="https://js.stratocart.com/latest.js"></script>
<script>
    window.Stratocart && window.Stratocart.init("shop/id");
</script>

// opens the cart
Stratocart.open();

// closes the cart
Stratocart.close();

Stratocart.addItem({
    id: "unique-product-id",
    name: "My nice Product",
    quantity: 1,
    price: 7999,
})
    .then((item) => {
        // successfully added to cart
        console.log(item.name + " was added to cart");
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.updateItem("unique-product-id", {
    quantity: 3,
})
    .then((item) => {
        // successfully updated
        console.log(item.name + " was updated");
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.removeItem("unique-product-id")
    .then((item) => {
        // successfully removed
        console.log(item.name + " was removed from the cart");
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.fetch()
    .then((cart) => {
        // successfully returned the updated cart object
        console.log(cart);
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.update({
    shipping_method: "express",
})
    .then((cart) => {
        // successfully returned the updated cart object
        console.log(cart);
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.delete()
    .then(() => {
        // successfully deleted the cart
        console.log(cart);
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.getItems()
    .then((items) => {
        // successfully returned the array of items
        // loop through the array of items
        if (items.length) {
            items.forEach((item) => {
                console.log(item.name);
            });
        }
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.empty()
    .then(() => {
        // successfully emptied the cart
        console.log("The cart was emptied");
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.setCustomer({
    email: "john.doe@stratocart.com",
    name: "John Doe",
})
    .then((cart) => {
        // successfully updated customer info
        console.log("The customer was updated.");
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

// set shipping amount
Stratocart.setShippingAmount(amount)
    .then((cart) => {
        // successfully updated shipping amount
        console.log(cart.shipping_amount);
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

// set shipping address
Stratocart.setShippingAddress(address)
    .then((cart) => {
        // successfully updated shipping address
        console.log(cart.shipping_address);
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

// set shipping method
Stratocart.setShippingMethod(method)
    .then((cart) => {
        // successfully updated shipping method
        console.log(cart.shipping_method);
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

// set billing address
Stratocart.setBillingAddress(address)
    .then((cart) => {
        // successfully updated billing address
        console.log(cart.billing_address);
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

// set billing method
Stratocart.setBillingMethod(method)
    .then((cart) => {
        // successfully updated billing method
        console.log(cart.billing_method);
    })
    .catch((err) => {
        // oops something bad happened
        console.error(err);
    });

Stratocart.on("ready", (data) => {
    // GumCart is loaded, do something here
});

Stratocart.on("totals.change", (data) => {
    // GumCart totals change, console log the amounts
    console.log("Shipping: $" + data.shipping_price);
    console.log("Tax: $" + data.tax_amount);
    console.log("Total amount: $" + data.total_amount);
});

# With shell, you can just pass the correct header with each request
curl "https://api.gumcart.com"
  --header 'X-APIKEY: yourapikey' \
  --header 'Content-Type: application/json' \

curl -x GET "https://api.gumcart.com/cart/a35a29b5-4a0d-4681-b070-ee19db86ed46" \
  -h 'X-SHOPID: 0a6c50ce-9006-4bda-bea4-2a6832f86684' \

curl -x PATCH "https://api.gumcart.com/cart/a35a29b5-4a0d-4681-b070-ee19db86ed46" \
  -h 'X-SHOPID: 0a6c50ce-9006-4bda-bea4-2a6832f86684' \
  -h 'Content-Type: application/json' \
  -d '{"items": []}'

curl -x DELETE "https://api.gumcart.com/cart/a35a29b5-4a0d-4681-b070-ee19db86ed46" \
  -h 'X-SHOPID: 0a6c50ce-9006-4bda-bea4-2a6832f86684' \

curl -x POST "https://api.gumcart.com/cartitems/a35a29b5-4a0d-4681-b070-ee19db86ed46" \
  -h 'X-SHOPID: 0a6c50ce-9006-4bda-bea4-2a6832f86684' \
  -h 'Content-Type: application/json' \
  -d '{"id": "HEADPHONES", "name": "Wireless Headphones", "price": 89, "quantity": 1, "description": "Something here to be updated", "images": ["https://www.gumcart.com/assets/images/product-1.jpg"]}'

{
    "id": "HEADPHONES",
    "name": "Wireless Headphones",
    "price": 89,
    "quantity": 1,
    "description": "Something here to be updated",
    "images": ["https://www.gumcart.com/assets/images/product-1.jpg"]
}

curl -x GET "https://api.gumcart.com/shop" \
  -h 'X-SHOPID: 0a6c50ce-9006-4bda-bea4-2a6832f86684' \

{
    "cart_id": "0a6c50ce-9006-4bda-bea4-2a6832f86684",
    "items": [
        // Array of CartItem
    ],
    "created": 1610181890,
    "updated": 1610181900,
    "expires": 1611391500, // updated + 14 days
    "items_amount": 0,
    "customer": {
        // customer info
    },
    "shipping_amount": 0,
    "shipping_address": {
        // shipping address
    },
    "shipping_method": null,
    "billing_method": null,
    "billing_address": {
        // billing address
    },
    "tax_amount": 0,
    "total_amount": 0
}

{
    "id": "SPARKRC900TEAM",
    "name": "Scott Spark RC900 Team Bike",
    "description": "The SCOTT Spark RC is perhaps the most successful full-suspension XC race bike of its time.",
    "price": 359998,
    "quantity": 1,
    "images": ["https://placehold.it/1600x1200"],
    "options": [
        {
            "name": "Color",
            "value": "Orange"
        },
        {
            "name": "Size",
            "value": "M"
        }
        // ...
    ],
    "addons": [
        {
            "name": "Syncros Bottle Cage (Left)",
            "price": 999
        }
        // ...
    ],
    "metadata": {}
}

{
    "name": "Size",
    "value": "Medium"
}

{
    "name": "Size",
    "price": 200
}

{
    "cart_id": "0a6c50ce-9006-4bda-bea4-2a6832f86684",
    "customer": {},
    "shipping_address": {},
    "billing_address": {}
}

// example of the address object
{
    "company": "",
    "name": "Marissa Doe",
    "line1": "132 Harvest Way",
    "line2": "",
    "city": "Crandall",
    "state": "TX",
    "postal_code": "75114",
    "country": "US"
}

{
    "error": "The hepful but dreaded error message"
}