---
title: Checkout with multiple products
description: >-
  Learn how to use accelerated checkout to enable customers to purchase multiple
  products at once from the product page.
source_url:
  html: >-
    https://shopify.dev/docs/storefronts/themes/pricing-payments/accelerated-checkout/multiple-product-checkout
  md: >-
    https://shopify.dev/docs/storefronts/themes/pricing-payments/accelerated-checkout/multiple-product-checkout.md
---

# Checkout with multiple products

***

## Add additional products from product pages

You can include additional products alongside the main product when customers check out from a product page. If required, you can also nest related products under the main product. For example, nesting a warranty product under a TV.

***

## Limitations and considerations

* Adding multiple variants to the accelerated checkout from the product page is supported only on the online store. Custom storefronts don't support this feature.
* The Buy with Prime wallet doesn't support adding more than one variant to the accelerated checkout from product pages. The wallet disregards additional items in the form.

***

## Step 1: Grab the product form

Grab the product form from the product display page so you can add form fields for any additional variants you want to include.

The following example demonstrates how to attach hidden form elements to the form. It appends the additional item’s data to the form using the appropriate naming convention: `shopify-additional-items[index][attribute]`.

Key requirements:

* **Index offset**: Append additional items starting at index `1`.
* **Parent linking**: If you're nesting one or more additional items under the main product, then set the `parent_id` for each item to associate it with the main product in the cart.

```html
<input type="hidden" name="shopify-additional-items[1][id]" value="20">
<input type="hidden" name="shopify-additional-items[1][parent_id]" value="25">
```

***

## Step 2: Set additional properties for form fields

You can set the following properties for each additional form field:

| Form key | Description |
| - | - |
| `shopify-additional-items[i][id]` required | The additional component variant ID. |
| `shopify-additional-items[i][quantity]` optional | The quantity of the additional item. If not included, defaults to 1. |
| `shopify-additional-items[i][parent_id]` optional | Links the [nested](https://shopify.dev/docs/apps/build/product-merchandising/nested-cart-lines) item to the parent item. |
| `shopify-additional-items[i][properties]` optional | The line item properties for the additional item. |
| `shopify-additional-items[i][selling_plan]` optional | The [selling plan](https://shopify.dev/docs/apps/build/purchase-options/subscriptions/selling-plans) id for the additional item. |

***