diff --git a/docs/storefront/cart-checkout/guide/add-to-cart-url.mdx b/docs/storefront/cart-checkout/guide/add-to-cart-url.mdx index d08c914b9..8cf68af67 100644 --- a/docs/storefront/cart-checkout/guide/add-to-cart-url.mdx +++ b/docs/storefront/cart-checkout/guide/add-to-cart-url.mdx @@ -12,6 +12,10 @@ URLs constructed with these parameters allow you to: * Add a specific product or SKU to the cart * Add a specific SKU to the cart and go directly to checkout. + + **Consider Checkout URLs for direct checkout workflows:** If your primary goal is to load the checkout directly with products, [Checkout URLs](/docs/storefront/cart-checkout/checkout-url) are typically a better solution. Unlike Add to Cart URLs, Checkout URLs support adding multiple products in a single URL and provide a more streamlined checkout experience. + + ## Parameters | **Type**| **Parameter** | **Description** | **Example** | @@ -49,6 +53,10 @@ Once constructed, a URL can be inserted directly as text or as an HTML link: The `sku` and `product_id` parameters accept a single value; you can only use the first value of a comma-separated list of values. In other words, only one product can be added for each request made to an add to cart URL. However, it's possible to combine several HTTP requests into a single button click using front-end JavaScript, as long as your code waits to receive the response of your first request before it makes a second. + + **For multiple products:** [Checkout URLs](/docs/storefront/cart-checkout/checkout-url) natively support adding multiple products in a single URL without requiring JavaScript workarounds. + + The following gives a very basic example using jQuery. You can also use async/await syntax to make a series of calls from within a `for` loop. ```html showLineNumbers copy diff --git a/package-lock.json b/package-lock.json index 4e3f8f486..c59d4cfc5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,7 @@ "eslint-plugin-mdx": "^2.0.5" }, "engines": { - "node": ">= 14.0.0" + "node": ">= 18.0.0" } }, "node_modules/@babel/code-frame": {