> ## Documentation Index
> Fetch the complete documentation index at: https://docs.openbridge.shop/llms.txt
> Use this file to discover all available pages before exploring further.

# .lines()

> Get cart line items

```javascript theme={null}
openbridge.cart.lines()
```

Returns an array of all line items in the cart.

## Parameters

None

## Returns

[`ShopifyCartLine[]`](/api/types/cart#shopifycartline)

Returns an empty array if the cart has not been initialized.

## Examples

### List cart items

```javascript theme={null}
const lines = openbridge.cart.lines()

lines.forEach((line) => {
    console.log(line.merchandise.product.title)
    console.log(`Variant: ${line.merchandise.title}`)
    console.log(`Quantity: ${line.quantity}`)
    console.log(`Price: ${line.cost.totalAmount.amount}`)
})
```

### Render cart items

```javascript theme={null}
function renderCartItems() {
    const container = document.querySelector('.cart-items')
    const lines = openbridge.cart.lines()

    container.innerHTML = lines
        .map(
            (line) => `
    <div class="cart-item" data-line-id="${line.id}">
      <img src="${line.merchandise.image?.url}" alt="${line.merchandise.title}">
      <div class="item-details">
        <h3>${line.merchandise.product.title}</h3>
        <p>${line.merchandise.title}</p>
        <p>Qty: ${line.quantity}</p>
        <p>${line.cost.totalAmount.currencyCode} ${line.cost.totalAmount.amount}</p>
      </div>
    </div>
  `
        )
        .join('')
}
```

### Find specific item

```javascript theme={null}
const lines = openbridge.cart.lines()

const tshirt = lines.find(
    (line) => line.merchandise.product.handle === 'awesome-tshirt'
)

if (tshirt) {
    console.log('T-shirt is in cart, quantity:', tshirt.quantity)
}
```

### Get variant options

```javascript theme={null}
const lines = openbridge.cart.lines()

lines.forEach((line) => {
    const options = line.merchandise.selectedOptions
    console.log(options.map((o) => `${o.name}: ${o.value}`).join(', '))
    // e.g., "Size: Large, Color: Blue"
})
```