Nested cart lines for addons now works 🔥

[curzey]

@huykon225

Do you know how the nest cart lines showing in the cart page or cart drawer?

It can show both places but relies on some liquid logic. There’s some examples in the post.

[huykon225]

Oh I can use this code snipet to display in cart page or cart drawer, right?

Nested cart lines for addons now works

Not sure how it’s expected to actually use these props in the cart with liquid. Anyone tried that? {{ line_item.parent_relationship }} {% # -> ParentRelationshipDrop %} {{ line_item.parent_relationship | json }} {% # -> {"error":"json not allowed for this object"} %} {{ line_item.parent_relationship.parent_key }} {% # -> empty %} {{ line_item.parent_relationship.parent_key | json }} {% # -> null %} Also - maybe I’m too tried right now - but wouldn’t we kinda need some indentifier on the paren…

I have more concern whether we can remove the nest items only?

[curzey]

@huykon225

I have more concern whether we can remove the nest items only?

Hey again. Is this what you’re looking for?

@curzey

Cart removal
If you remove the child line, it just deletes that part of the “group”.

If you remove the parent line, it will also remove the child line. However, there seems to be no indication of this, in the API responses

[huykon225]

oh Thanks. The cart clears both parent & nest items, but the children aren’t reflected inside the response

[app]

@curzey

"instructions": { "can_remove": true, "can_update_quantity": true }

What would be the best approach to set the instructions (can_remove: false) or (can_update_quantity: false) during the add to cart?

Thank you!

[app]

Fetch request

await fetch(window.Shopify.routes.root + 'cart/add.js', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        items: [
          { id: variant_id, parent_line_key: key, quantity: quantity, instructions: { can_update_quantity: false, can_remove: false } }
        ]
      })
 });

Payload

{
    "id": 44875894096044,
    "parent_line_key": "39372678234284:431608d3917496767dae82679a108e0e",
    "quantity": 3,
    "instructions": {
        "can_update_quantity": false,
        "can_remove": false
    }
}

Response

{
    "id": 44875894096044,
    "properties": {},
    "quantity": 3,
    "variant_id": 44875894096044,
    "key": "44875894096044:6ee20082f3ef3dc41248e430927e01d0",
    "parent_relationship": {
        "parent_key": "39372678234284:431608d3917496767dae82679a108e0e"
    },
    "instructions": {
        "can_remove": true,
        "can_update_quantity": true
    },
    ...
}

[curzey]

@app

What would be the best approach to set the instructions (can_remove: false) or (can_update_quantity: false) during the add to cart?

Hey @app

I’m note sure! I have not tested that.

Honestly I’m unsure if that is a read_only property?

[app]

Yes indeed. It looks like the documentation is unfinished.