FrameWoo
Components / Cart
C
woo-cart-item-variation

Cart Item Variation

Show selected variation details for a cart item.

Setup steps

  1. Open the FramerWoo plugin and insert Cart Item Variation.
  2. Place item-level components inside a Cart List, Cart Drawer, or Cart Page context.
  3. Configure the component behavior in Framer's property panel.
  4. Style its default, responsive, loading, and empty states on canvas.
Cart Item Variation displayed in a Framer cart line-item component with its Variation style control visible
Insert Cart Item Variation inside a cart line-item slot to display the item's selected options.

Property panel

Use Framer's controls to connect context and match your visual system.

Context
Controls the WooCommerce or CMS data source used by the component.
Content
Controls visible labels, values, formatting, and empty-state copy.
Style
Controls typography, colors, spacing, alignment, and responsive behavior.
Cart Item Variation controls showing layout, labels, ordering, separators, colors, gaps, and typography in Framer
Open Variation to configure layout, labels, option order, separators, colors, spacing, and typography.