Edit options from the cart

Edit options from the cart

Overview

Edit options lets a customer open the published calculator from the cart, change options or the design, and update that line. New calculators have this on. Turn it off (or on for an older calculator) under Calculator Editor → Optional Features → Cart edit → Allow edit from cart.

Use this when customers often tweak quantity, size, or artwork after they add a product — without removing the line and starting over.

What customers see

On the cart page and cart drawer, a customized line shows an Edit options button.

  1. They click Edit options.
  2. A full-screen editor opens on the current published calculator, with their saved selections filled in (including quantity).
  3. They change options or the design, then click Update. Cancel or Close leaves the cart unchanged.
  4. Appify CPO adds the updated line, removes the previous product and its linked fee line, and reloads the cart.

If the published calculator has changed since they added the item, they see a short review message and can check the filled-in options before updating.

Lines restored from reorder or abandoned-cart recover can also show Edit options once this setting is on for that calculator.

Steps

Turn on cart edit

  1. Open the calculator in Calculator Editor → Optional Features.
  2. Find Cart edit.
  3. Check Allow edit from cart.
  4. Save and publish the calculator.

Dawn-family and Horizon-family themes show the button on the cart page and cart drawer with no theme code.

Other themes

Add this attribute on the cart line wrapper — the tag that wraps one product row:

data-calcai-line-key="{{ item.key }}"
  1. In Shopify go to Online Store → Themes → Edit code.
  2. Open the file that renders each cart row. Search the theme for {% for item in cart.items %}. That is often in snippets/cart-drawer.liquid or sections/main-cart-items.liquid.
  3. Find the tag that wraps one product row and add the attribute to that same opening tag.

A typical row looks like this:

{% for item in cart.items %}
  <div class="cart-line" data-calcai-line-key="{{ item.key }}">
    ...product image, title, quantity...
  </div>
{% endfor %}

The same attribute is listed under Theme setup on the Cart edit card in Optional Features.

Details

Item Behavior
Default Off. Each calculator has its own setting.
Where it appears Cart page and cart drawer, on lines that used this calculator.
Update Replaces the old line (and its fee pair) with the new configuration.
Calculator unpublished or unlinked The customer cannot edit that line.
Third-party themes Without the line-key attribute, the button may not appear on every cart layout.

Examples

  • Custom-size print — A customer added a 24×36 poster, then realizes they need 18×24. They tap Edit options in the cart, change the dimensions, and update. Quantity and other selections stay filled in.
  • Personalized gift — After add-to-cart they want a different font on the engraving. They edit from the drawer, update, and checkout.

    • Related Articles

    • Set up Abandoned Checkout and Cart Emails

      Overview Shopify’s default abandoned checkout button usually points at a checkout or cart permalink. That can drop Appify CPO options. This article adds: The customer’s visible options under each product, when the editor can print line-item ...

    • Binding calculator options to canvas properties

      Overview A binding maps a calculator option (Width, Height, Material, Shape, …) to a property of the editor canvas (artboard width, background color, cut-line shape, bleed, …). When the customer changes a bound option in the editor's right panel, the ...

    • Image Edit mode

      Overview Image Edit is the Product Designer mode for uploaded photos. Add a Product Designer option in Calculator Editor → Options & Pricing, link it to a File upload option, then configure tools and export settings in Calculator Editor → Designer ...

    • AI Bulk Generate Options

      This is different from Chat with AI, which can build or change a whole calculator from the editor chat panel. AI Bulk Generate only adds a batch of options from the Options toolbar. Overview AI Bulk Generate lets you describe the options you need in ...

    • Working with Options

      Overview Options are the building blocks of your calculator. Each option represents a field, choice, or display element that appears in the calculator on your storefront. This article covers how to manage options — adding, reordering, duplicating, ...