Skip to main content

🧪 Advanced Cart Usage

This page covers advanced operations available through the useCart() hook — useful for personalization, account-aware carts, and attribute customization.

🧹 Remove Discount Code​

const { removeDiscountCode } = useCart();

const clearDiscount = () => {
  removeDiscountCode();
};

🧺 Empty Cart​

const { emptyCart } = useCart();

const clearAll = () => {
  emptyCart();
};

🔗 Merge Carts​

To merge another cart into the current one (e.g. after login):

const { mergeCarts } = useCart();

const handleMerge = async () => {
  await mergeCarts("gid://shopify/Cart/OLD_CART_ID");
};

👤 Update Buyer Identity​

Used to associate a buyer to a cart:

const { updateBuyerIdentity } = useCart();

const handleUpdate = async () => {
  await updateBuyerIdentity({
    email: "john@example.com",
    phone: "+33600000000",
    countryCode: "FR",
  });
};

🧾 Update Cart Attributes​

const { updateCartAttributes } = useCart();

const handleUpdate = async () => {
  await updateCartAttributes([
    { key: "custom_message", value: "Deliver between 9-11am" },
    { key: "custom_flag", value: "b2b" },
  ]);
};

🧬 Set Individual Cart Attribute​

const { setCartAttribute } = useCart();

const handleSet = async () => {
  await setCartAttribute("gift_note", "Happy Birthday!");
};

❌ Remove Individual Cart Attribute​

const { removeCartAttribute } = useCart();

const handleRemove = async () => {
  await removeCartAttribute("gift_note");
};

✅ Next: Standalone API Methods →

npm version

npm downloads

GitHub stars

GitHub issues

See FAQs

Description

Advanced cart operations using useCart, including cart merging, identity updates, and custom attributes.