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

Cart Item Image

Render the image for a cart line item.

Setup steps

  1. Open the FramerWoo plugin and insert Cart Item Image.
  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 Image displayed in a Framer cart line-item component with its property controls open
Insert Cart Item Image inside a cart line-item slot to display the current item's product image.

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.
Framer property controls for the Cart Item Image component
Cart Item Image controls for image fit, background, border, and corner radius.