CartTransform Expand Operation, want to have the items hidden by default in checkout.

Shopify Apps

Topic summary

A developer has successfully implemented the CartTransform expandOperation feature but faces a UX issue with its default state.

Current Problem:

  • The collapsible content displays expanded by default in checkout
  • Items are visible immediately without user interaction

Desired Behavior:

  • Items should be hidden/collapsed by default
  • Users would need to click “Show Products” to reveal the expanded items
  • Currently shows “Hide n Product(s)” instead of the preferred “Show n Product(s)” initial state

The developer has included screenshots demonstrating both the current expanded default state and their desired collapsed default appearance.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

So the expandOperation functions perfectly, but the default state in checkout for the collapsible content is to have the items expanded, which I want to keep hidden so only if users want they can click the show products to see the expanded items…

This is what it looks by default (expanded and shows “Hide n Product(s)”):

Sheron112_2-1730438632059.png
Sheron112_2-1730438632059.png586×207 7.33 KB

I want it to show as below by default (Collapsed - “Show n Product(s)”).

Sheron112_3-1730438708740.png
Sheron112_3-1730438708740.png597×136 4.88 KB

Hope it’s clear.