# Details des Warenkorbs anzeigen

Lassen Sie die Detailansicht des Warenkorbs im Bildschirm des Lesegeräts dynamisch aktualisieren.

Der eingebaute Bildschirm der Lesegeräte [Verifone P400](https://docs.stripe.com/terminal/readers/verifone-p400.md), [BBPOS WisePOS E](https://docs.stripe.com/terminal/readers/bbpos-wisepos-e.md) und [Stripe Reader S700/S710](https://docs.stripe.com/terminal/readers/stripe-reader-s700-s710.md) kann Posten anzeigen. Während des Bezahlvorgangs können Sie den Bildschirm des Lesegeräts aktualisieren, um einzelne Posten in der Transaktion sowie den Gesamtpreis anzuzeigen.
![Warenkorbangaben](https://b.stripecdn.com/docs-statics-srv/assets/set-reader-display-pre-dip.d32fa58c6645790c373a05cf39d9c416.png)

Bildschirm mit Warenkorbangaben

## Anzeige auf dem Lesegerät einrichten

- [setReaderDisplay (iOS)](https://stripe.dev/stripe-terminal-ios/docs/Classes/SCPTerminal.html#/c:objc\(cs\)SCPTerminal\(im\)setReaderDisplay:completion:)
- [setReaderDisplay (Android)](https://stripe.dev/stripe-terminal-android/core/com.stripe.stripeterminal/-terminal/set-reader-display.html)
- [setReaderDisplay (JavaScript)](https://docs.stripe.com/terminal/references/api/js-sdk.md#set-reader-display)
- [setReaderDisplay (React Native)](https://stripe.dev/stripe-terminal-react-native/api-reference/interfaces/StripeTerminalSdkType.html#setReaderDisplay)
- [setReaderDisplay (Java)](https://stripe.dev/stripe-terminal-java/core/com.stripe.stripeterminal/-terminal/set-reader-display.html)

Um die Einzelposten und die Gesamtsumme auf dem Lesegerät anzuzeigen, rufen Sie `setReaderDisplay` auf, bevor Sie die Zahlung verarbeiten, und übergeben Sie die Informationen im Parameter [Warenkorb](https://docs.stripe.com/api/terminal/readers/set_reader_display.md#set_reader_display-cart).

Die an die Methode `setReaderDisplay` übergebenen Beträge werden nur zu Anzeigezwecken verwendet. Das Lesegerät berechnet weder die Steuer noch den Gesamtbetrag, Ihre Anwendung muss diese Werte vor der Anzeige selbst berechnen. Sie können die [Stripe Tax API](https://docs.stripe.com/tax/custom.md#calculate-tax) verwenden, um Steuern zu berechnen. Ebenso ist der an `setReaderDisplay` übergebene Gesamtbetrag nicht der Betrag, der der Kundin/dem Kunden berechnet wird. Stellen Sie sicher, dass der auf dem Lesegerät angezeigte Betrag mit dem Zahlungsbetrag übereinstimmt.

# Servergestützt

> This is a Servergestützt for when terminal-sdk-platform is server-driven. View the full page at https://docs.stripe.com/terminal/features/display?terminal-sdk-platform=server-driven.

```curl
curl https://api.stripe.com/v1/terminal/readers/tmr_xxx/set_reader_display \
  -u "<<YOUR_SECRET_KEY>>:" \
  -d type=cart \
  -d "cart[line_items][0][description]=Caramel latte" \
  -d "cart[line_items][0][amount]=659" \
  -d "cart[line_items][0][quantity]=1" \
  -d "cart[line_items][1][description]=Dozen donuts" \
  -d "cart[line_items][1][amount]=1239" \
  -d "cart[line_items][1][quantity]=1" \
  -d "cart[currency]=usd" \
  -d "cart[tax]=100" \
  -d "cart[total]=1998"
```

Um die Anzeige des Lesegeräts für die servergestützte Integration zu löschen, rufen Sie den Endpoint [cancel_action](https://docs.stripe.com/api/terminal/readers/cancel_action.md) auf.


# JavaScript

> This is a JavaScript for when terminal-sdk-platform is js. View the full page at https://docs.stripe.com/terminal/features/display?terminal-sdk-platform=js.

```javascript
terminal.setReaderDisplay({
  type: 'cart',
  cart: {
    line_items: [
      {
        description: "Caramel latte",
        amount: 659,
        quantity: 1,
      },
      {
        description: "Dozen donuts",
        amount: 1239,
        quantity: 1,
      },
    ],
    tax: 100,
    total: 1998,
    currency: 'usd',
  },
});
```

Um die Anzeige des Lesegeräts von einer Einzelpostenoberfläche auf den Begrüßungsbildschirm zurückzusetzen, rufen Sie die Methode [clearReaderDisplay](https://docs.stripe.com/terminal/references/api/js-sdk.md#clear-reader-display) auf.


# iOS

> This is a iOS for when terminal-sdk-platform is ios. View the full page at https://docs.stripe.com/terminal/features/display?terminal-sdk-platform=ios.

#### Swift

```swift
let lineItems = [
    try CartLineItemBuilder(displayName: "Caramel latte").setQuantity(1).setAmount(659).build(),
    try CartLineItemBuilder(displayName: "Dozen donuts").setQuantity(1).setAmount(1239).build(),
]

let cart = try CartBuilder(currency: "usd")
    .setTax(100)
    .setTotal(1998)
    .setLineItems(lineItems)
    .build()

Terminal.shared.setReaderDisplay(cart) { (error) in
    // Check for errors
}
```

Um die Anzeige des Lesegeräts von einer Einzelpostenoberfläche auf den Begrüßungsbildschirm zurückzusetzen, rufen Sie die Methode [clearReaderDisplay](https://stripe.dev/stripe-terminal-ios/docs/Classes/SCPTerminal.html#/c:objc\(cs\)SCPTerminal\(im\)clearReaderDisplay:) auf.


# Android

> This is a Android for when terminal-sdk-platform is android. View the full page at https://docs.stripe.com/terminal/features/display?terminal-sdk-platform=android.

#### Kotlin

```kotlin
val cart = Cart.Builder(currency = "usd", tax = 100, total = 1998)
cart.lineItems = listOf(
    CartLineItem.Builder(description = "Caramel latte", quantity = 1, amount = 659).build(),
    CartLineItem.Builder(description = "Dozen donuts", quantity = 1, amount = 1239).build(),
)

Terminal.getInstance().setReaderDisplay(
    cart.build(),
    object : Callback {
        override fun onSuccess() {
            // Placeholder for handling successful operation
        }

        override fun onFailure(e: TerminalException) {
            // Placeholder for handling exception
        }
    }
)
```

Um die Anzeige des Lesegeräts von einer Einzelpostenoberfläche auf den Begrüßungsbildschirm zurückzusetzen, rufen Sie die Methode [clearReaderDisplay](https://stripe.dev/stripe-terminal-android/core/com.stripe.stripeterminal/-terminal/create-payment-intent.html) auf.


# React Native

> This is a React Native for when terminal-sdk-platform is react-native. View the full page at https://docs.stripe.com/terminal/features/display?terminal-sdk-platform=react-native.

```js
const { error } = await setReaderDisplay({
  currency: 'usd',
  tax: 100,
  total: 1998,
  lineItems: [
    {
      displayName: 'Caramel latte',
      quantity: 1,
      amount: 659,
    },
    {
      displayName: 'Dozen donuts',
      quantity: 1,
      amount: 1239,
    },
  ],
});
if (error) {
  // Placeholder for handling exception
}

// Placeholder for handling successful operation
```


## Karte vorab vorzeigen (Pre-Dipping)

> Das Pre-Dipping einer Karte wird nur für Zahlungen in den USA unterstützt.

Die Lesegeräte [Verifone P400](https://docs.stripe.com/terminal/readers/verifone-p400.md), [BBPOS WisePOS E](https://docs.stripe.com/terminal/readers/bbpos-wisepos-e.md), und [Stripe Reader S700/S710](https://docs.stripe.com/terminal/readers/stripe-reader-s700-s710.md) unterstützen die Fähigkeit, dem Lesegerät eine Karte vorzulegen, bevor der Transaktionsbetrag endgültig festgelegt wird.

Diese Option ist als *pre-dip*, *pre-tap* oder *pre-swipe* bekannt und kann die Transaktionszeiten beschleunigen, indem sie es einer Kundin oder einem Kunden erlaubt, eine Zahlungsmethode vor Transaktionsende anzugeben.

Die Methode `setReaderDisplay` bereitet das Lesegerät auf das Pre-Dipping vor. Ihre Kundinnen/Kunden können nach dem Aufruf der Methode jederzeit eine Zahlungsmethode vorlegen. Sie können `setReaderDisplay` mehrmals aufrufen, um die angezeigten Informationen zu aktualisieren, ohne den Pre-Dipping-Prozess zu beeinträchtigen. Durch das Aktualisieren der Anzeige wird ein bereits aufgetretenes Pre-Dipping nicht ungültig.

Durch Pre-Dipping kann Ihre Kundin oder Ihr Kunde ihre bzw. seine Karte frühzeitig im Zahlungsvorgang vorlegen, ohne die zugehörige Transaktion abzuschließen. Stattdessen erfasst das Lesegerät die vorgelegte Zahlungsmethode und speichert sie für die spätere Verwendung, obwohl Stripe keine Updates oder Ereignisse bereitstellt, die darauf hinweisen, dass der Kunde seine Karte vorab vorgelegt hat. Sie können die Transaktion wie gewohnt abwickeln. Sie können beispielsweise eine `PaymentIntent` erstellen und verarbeiten, um die Transaktion ohne besondere Maßnahmen abzuschließen.

## Pre-Dip deaktiviert

Wenn Pre-Dipping (Karte vorab vorzeigen) in Ihrem Land nicht verfügbar ist, werden auf dem Bildschirm nur die Zwischensumme und die Einzelposten angezeigt.
![Pre-Dip deaktiviert](https://b.stripecdn.com/docs-statics-srv/assets/set-reader-display-no-pre-dip.63f146b9e0b0ded9f57fe83d2b9e4a7d.png)

Pre-Dip deaktiviert