> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.skailama.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Editing Quantities of Line Items at Checkout

This guide explains how to edit the quantities of individual line items at checkout.

${youtube}[Editing Quantities of Line Items at Checkout](9GijjZMuZxY)

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/04d24aab-e14c-4893-acdb-eed80b5af2e0.png)

This feature allows for the modification of product variants

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/c58ba28b-799f-444c-91d1-d5aef6b20f1b.png)

and the adjustment of individual product quantities

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/e7bb4815-5b74-4210-8ae8-fba40f5474e9.png)

directly at checkout.

To set this up, follow these steps:

**Step 1:** Navigate to the checkout wizard app and select **create extension**.

**Step 2:** When prompted to select where your extension appears, choose the **during checkout** part.

**Step 3:** In the increase revenue section, find and select the **line item** section.

**Step 4:** Click on **create block**.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/533fb226-811b-495d-b89f-09a84110d47e.png)

**Step 5:** Name the block. For this example, it's named **line item action**.

**Step 6:** Set rules for when the line item feature should appear. These rules can be based on product collection, cart total, discount codes, customer types, etc. If no rules are added, this block will be shown on every purchase.

**Step 7:** Configure the block. Options include enabling or disabling the variant selector, quantity selector, and the remove button.

**Step 8:** Choose the design for the block. It can appear as a popover or as an individual block below the edit section.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/6e60c86a-ba80-43d8-9594-cbf03f26b5cd.png)

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/bbc0352c-a7f6-43e6-b34d-074d5dd51929.png)

**Step 9:** Decide whether to show the block only on specific products, or exclude certain products from this feature.

**Step 10:** Set the design for the quantity stepper.

**Step 11:** Click **save**.

After saving, proceed to the settings.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/8ac35c3d-9cea-4228-b595-c7204ded6e32.png)

In the checkout settings,

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/2d96a78c-d619-4056-8992-ae72b8c60fd3.png)

you're able to customize your live checkout or your draft checkout.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/b7ea9fe0-59bf-415d-814c-d720d4cfaa65.png)

**Step 1:** Click on **customize**.

**Step 2:** Click on **add app block** and select the **line item actions**.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/e8dc25c5-e056-4c15-ab44-7a22113f8ce9.png)

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/c5bbd4ce-7178-457e-bea2-4ff5b8cc5100.png)

This will automatically appear below the items in the cart.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/dc8fdc8f-bcbf-4bb9-beff-e011feebff9e.png)

**Step 3:** Click **save**.

The feature will now be available on your checkout. If it's on a draft checkout, publish it to see the changes. If it's on a live checkout, it will be visible at your current checkout.

![](https://usercontent.clueso.io/953fc8cb-402b-4e94-b170-1613cafa1cce/8fefc0a1-7eba-472a-9d41-05937a6d5b77/7426dd9a-d35b-4edc-8894-fe815f166651/images/a7727ec6-65d1-44cd-a10c-3c8e938fc8e5.png)

Preview the changes from the preview section.

For further assistance with customization, don't hesitate to reach out. We're here to help. Thank you.