GumCart code samples

product-1.js

// A simple product with maximum available quantity.
GumCart.addItem({
    id: "HEADPHONES", // optional
    name: "Wireless Headphones", // required
    price: 89, // required
    max_quantity: 2,
    image:
        "https://gumcart.com/images/products/product-1.jpg",
});
// open the cart
GumCart.open();

product-2.js

// A simple product with in-cart product variation select.
GumCart.addItem({
    id: "KEYBOARD", // optional
    name: "Mechanical Keyboard", // required
    price: 119, // required
    image: "https://gumcart.com/images/products/product-2.jpg",
    select: {
        options: [
            {
                name: "Layout",
                legend: "Keyboard Language",
                values: [
                    "US English",
                    "Arabic",
                    "Chinese",
                    "French",
                    "German",
                    "Russian",
                ],
            },
        ],
    },
});
// will open the cart to pick the options

product-3.js

// A configurable product with multiple in-cart options and addons.
GumCart.addItem({
    id: "LAPTOP", // optional
    name: "Super Light Laptop", // required
    price: 1299, // required
    max_quantity: 1,
    image:
        "https://gumcart.com/images/products/product-3.jpg",
    select: {
        options: [
            {
                name: "Size",
                legend: "Select Size",
                values: [
                    {
                        name: "13-inch",
                        price: 1299,
                    },
                    {
                        name: "16-inch",
                        price: 2399,
                    },
                ],
            },
        ],
        addons: [
            {
                name: "Processor",
                required: true,
                values: [
                    {
                        name:
                            "2.6GHz 6‑core i7 processor",
                    },
                    {
                        name:
                            "2.4GHz 8‑core i9 processor",
                        price: 300,
                    },
                ],
            },
            {
                name: "Accessories",
                multiple: true,
                values: [
                    {
                        name: "Elevator Stand",
                        price: 119,
                    },
                    {
                        name: "Mouse",
                        price: 69,
                    },
                ],
            },
        ],
    },
});
// will open the cart to pick the options