> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nomadsarc.app/llms.txt
> Use this file to discover all available pages before exploring further.

# 🔢 Line Item Editor

How to display a **Quantity Selector** for each cart item on the Checkout using the **Template/Custom ->** **Cart Item Details -> Line item editor** option.

<video src="https://mintcdn.com/nomads-arc/JcRjeBSxnc3QoHEL/videos/edit-cart-item.mp4?fit=max&auto=format&n=JcRjeBSxnc3QoHEL&q=85&s=107f5a6441f6737ed3eb0c5477be8a76" controls data-path="videos/edit-cart-item.mp4" />

## Guide

<Steps>
  <Step title="**Create a new customization**">
    Create a new [customization](https://admin.shopify.com/apps/dynamic-checkout-customizer/customizations).

    <img src="https://mintcdn.com/nomads-arc/PKlbDC3NN5tscYQP/images/image-40.png?fit=max&auto=format&n=PKlbDC3NN5tscYQP&q=85&s=9f865c8b05b5b11d5b2f16086f7f1d55" alt="Image" width="1024" height="533" data-path="images/image-40.png" />
  </Step>

  <Step title="**Select the Cart Item Details category**">
    Choose Line Item Editor as the customization from available types of Cart Item Detail.

    <img src="https://mintcdn.com/nomads-arc/PKlbDC3NN5tscYQP/images/custom_cart_item_details_card_focus.png?fit=max&auto=format&n=PKlbDC3NN5tscYQP&q=85&s=a42572c53b6a51663461d135955a144a" alt="Custom Cart Item Details Card Focus" width="2770" height="1482" data-path="images/custom_cart_item_details_card_focus.png" />
  </Step>

  <Step title="**Configure display conditions**">
    Add one or more **conditions** to control when the quantity selector is displayed during checkout.

    <img src="https://mintcdn.com/nomads-arc/PKlbDC3NN5tscYQP/images/line_item_conditional_experience_focus.png?fit=max&auto=format&n=PKlbDC3NN5tscYQP&q=85&s=db52262abab8ab19eb2dbe2d0edffe1c" alt="Line Item Conditional Experience Focus" width="2758" height="1478" data-path="images/line_item_conditional_experience_focus.png" />
  </Step>

  <Step title="**Configure Line Item Actions**">
    Click on Quantity Stepper checkbox to configure relevant action.

    <img src="https://mintcdn.com/nomads-arc/PKlbDC3NN5tscYQP/images/line_item_actions_focus.png?fit=max&auto=format&n=PKlbDC3NN5tscYQP&q=85&s=3fa2fec566b2d6ecf1ba7a75c7b8fff1" alt="Line Item Actions Focus" width="2766" height="1484" data-path="images/line_item_actions_focus.png" />
  </Step>

  <Step title="**Set the priority**">
    Configure the **Priority** (0–100) to determine the execution order when multiple customizations are eligible.

    <img src="https://mintcdn.com/nomads-arc/PKlbDC3NN5tscYQP/images/line_item_priority_focus.png?fit=max&auto=format&n=PKlbDC3NN5tscYQP&q=85&s=e2ac5932341101adf57d791a55a2bca2" alt="Line Item Priority Focus" width="2766" height="1476" data-path="images/line_item_priority_focus.png" />
  </Step>

  <Step title="**Activate the customization**">
    Change the **Status** to **Active** using toggle button to enable the customization.

    <img src="https://mintcdn.com/nomads-arc/PKlbDC3NN5tscYQP/images/line_item_toolbar_focus.png?fit=max&auto=format&n=PKlbDC3NN5tscYQP&q=85&s=93bb7d9e4843fce59d7e185ec0bf8c4b" alt="Line Item Toolbar Focus" width="2768" height="1468" data-path="images/line_item_toolbar_focus.png" />
  </Step>

  <Step title="**Copy the Placement ID**">
    Copy the generated **Placement ID** from clipboard icon. You'll use this in the Shopify Checkout Editor.

    <img src="https://mintcdn.com/nomads-arc/PKlbDC3NN5tscYQP/images/line_item_copy_placement_id_focus.png?fit=max&auto=format&n=PKlbDC3NN5tscYQP&q=85&s=1e2e10c613581c249ac7e59f62c6fff5" alt="Line Item Copy Placement Id Focus" width="2766" height="1476" data-path="images/line_item_copy_placement_id_focus.png" />
  </Step>

  <Step title="**Preview**">
    Preview shows , How this block looks like at **CheckOut.**

    <img src="https://mintcdn.com/nomads-arc/9Qv3bHMEBT_l5ot0/images/line_item_editor_preview_focus.png?fit=max&auto=format&n=9Qv3bHMEBT_l5ot0&q=85&s=ac81540c61298515daaef008ff534a25" alt="Line Item Editor Preview Focus" width="2758" height="1478" data-path="images/line_item_editor_preview_focus.png" />
  </Step>

  <Step title="**Save the customization**">
    Click **Save** to store your configuration.

    <img src="https://mintcdn.com/nomads-arc/PKlbDC3NN5tscYQP/images/line_item_unsaved_changes_focus.png?fit=max&auto=format&n=PKlbDC3NN5tscYQP&q=85&s=0132ee911be39f559da86dafa22dd954" alt="Line Item Unsaved Changes Focus" width="2768" height="1468" data-path="images/line_item_unsaved_changes_focus.png" />
  </Step>

  <Step title="**Open the Checkout Editor**">
    Go to your Shopify [**Settings**](https://admin.shopify.com/settings) → Checkout, select your checkout profile, and click **Edit**.

    <img src="https://mintcdn.com/nomads-arc/iXpFGcSFUJL7FNKL/images/screenshot_08.png?fit=max&auto=format&n=iXpFGcSFUJL7FNKL&q=85&s=16ba7d2015cd3c1cb9962b0f9665bac0" alt="" width="2852" height="1438" data-path="images/screenshot_08.png" />
  </Step>

  <Step title="**Add the app block**">
    In the [Checkout Editor](https://admin.shopify.com/settings/checkout/editor), click **Add app block**.

    <img src="https://mintcdn.com/nomads-arc/UCR5SRuGjVYtJoUj/images/Screenshot-2026-10-08-at-16.32.10.png?fit=max&auto=format&n=UCR5SRuGjVYtJoUj&q=85&s=69c61361f950eb531285eb7c0429fefb" alt="Screenshot 2026 10 08 At 16 32 10" width="2872" height="1500" data-path="images/Screenshot-2026-10-08-at-16.32.10.png" />

    <Note>
      Make sure the app block is placed in the same checkout placement you selected in Dynamic Checkout Customizer.
    </Note>
  </Step>

  <Step title="**Configure the app block**">
    Select the **Checkout – Edit cart item** app block, and paste the copied **Placement ID**.

    <img src="https://mintcdn.com/nomads-arc/UCR5SRuGjVYtJoUj/images/Screenshot-2026-10-08-at-16.32.42.png?fit=max&auto=format&n=UCR5SRuGjVYtJoUj&q=85&s=ce095afe2ec4ff085c37af7b934c8939" alt="Screenshot 2026 10 08 At 16 32 42" width="2866" height="1486" data-path="images/Screenshot-2026-10-08-at-16.32.42.png" />
  </Step>

  <Step title="**Publish your changes**">
    Click **Save** in the Checkout Editor to publish the customization.

    <img src="https://mintcdn.com/nomads-arc/cqW515qnj7Jw10j_/images/swap_clean-4.png?fit=max&auto=format&n=cqW515qnj7Jw10j_&q=85&s=34d49246dd2e5fd203666155ee90436d" alt="Swap Clean" width="2866" height="1486" data-path="images/swap_clean-4.png" />
  </Step>
</Steps>

<Note>
  **Why does it matter?**

  The **Cart Item Details → Adjust Quantity** customization lets customers update product quantities directly during checkout, reducing friction and making it easier to increase order quantities without returning to the cart. This can help improve average order value (AOV).
</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.