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.