Hero business de

iPhone Duo im E-Commerce: Was Händler jetzt wissen müssen

Das iPhone Duo kommt am 23. Oktober 2026 in den Handel. Onlineshops brauchen dafür keine eigene App und keine Sonderentwicklung. Sie brauchen ein Frontend, das zuverlässig mit einem plötzlich fast doppelt so breiten Bildschirm umgeht, denn Safari erkennt den Falz des Geräts derzeit nicht. Wer das bis zum Marktstart testet, bietet den ersten Duo-Nutzerinnen und -Nutzern ein spürbar besseres Einkaufserlebnis als der Wettbewerb.

Was ist das iPhone Duo?

Das iPhone Duo ist das erste faltbare iPhone. Apple hat es am 9. September 2026 vorgestellt. Zugeklappt hat es ein 5,4-Zoll-Außendisplay, aufgeklappt ein durchgehendes 7,6-Zoll-Innendisplay. Beide Displays haben dasselbe Seitenverhältnis, Inhalte skalieren also proportional. Mit einem Einstiegspreis von 1.999 US-Dollar ist es das bisher teuerste iPhone.

Für Händler ist der Preis ein wichtiges Signal. Die ersten Käuferinnen und Käufer sind kaufkräftig, technikaffin und probieren das neue Gerät bewusst beim Shopping aus. Genau diese Zielgruppe vergleicht intensiv und bemerkt schnell, welcher Shop auf dem großen Display gut funktioniert und welcher nicht.

Was ändert sich für Onlineshops?

1. Die Bildschirmgröße wechselt mitten in der Session. Wird das Gerät beim Stöbern aufgeklappt, wird aus einem Smartphone-Layout innerhalb einer Sekunde eine fast tabletbreite Fläche. Das Layout muss sich ohne Neuladen anpassen, ohne dass Warenkorb, Filter oder Scrollposition verloren gehen.

2. Der Shop teilt sich den Bildschirm. iOS 27 bringt auf dem iPhone Duo Split View. Zwei Apps oder zwei Safari-Fenster laufen nebeneinander. Ein Shop erscheint also auch auf halber Breite des Innendisplays, etwa neben einem Preisvergleich oder einem Chat.

3. Mehr Platz für Produktdarstellung. Größere Galerien, Produktliste und Detailansicht nebeneinander, Vergleichsansichten: Viele Muster, die bisher dem Tablet vorbehalten waren, werden auf dem Smartphone relevant.

Was Safari wirklich kann: die Fold-APIs im Realitätscheck

In vielen Fachartikeln kursieren derzeit Web-Standards für faltbare Geräte. Die Viewport Segments API erkennt, ob ein Bildschirm in zwei Hälften geteilt ist. Die Device Posture API meldet, ob ein Gerät flach geöffnet oder angewinkelt ist. Beide existieren und laufen in Chrome auf Android-Foldables.

In Safari laufen sie nicht. Die Standardisierungsanfragen bei WebKit sind seit 2024 offen. Eine Website auf dem iPhone Duo sieht also keinen Falz, keinen Winkel und keinen aufgestellten Modus. Sie sieht nur einen Viewport mit einer bestimmten Breite und Höhe.

Für Händler heißt das: Angebote für spezielle Fold-Funktionen in Safari lassen sich derzeit nicht seriös umsetzen. Was funktioniert, ist ein Layout, das auf den verfügbaren Platz reagiert.

Fünf Shopping-Konzepte für das große Display

Konzept

In Safari umsetzbar?

Voraussetzung

Produktliste und Produktdetail nebeneinander

Ja

Layout reagiert auf die Breite

Warenkorb bleibt beim Stöbern sichtbar

Ja

Layout reagiert auf die Breite

Zwei Produkte direkt vergleichen

Ja

Vergleichskomponente mit zweispaltiger Ansicht

Lookbook als Doppelseite mit Kaufoption

Ja

Komponente für breite Viewports

Live-Shopping oben, Warenkorb unten im aufgestellten Modus

Nein

Braucht die Device Posture API, die in Safari fehlt

Produktliste und Detail nebeneinander spart das ständige Vor und Zurück zwischen Suchergebnis und Produktseite. Jeder Seitenwechsel weniger ist ein Abbruchpunkt weniger im Funnel.

Ein sichtbarer Warenkorb mit Zwischensumme und Versandkostenhinweis beantwortet die wichtigste Frage beim Stöbern, ohne dass der Warenkorb geöffnet werden muss.

Der Direktvergleich hilft vor allem bei erklärungsbedürftigen Produkten und Varianten: technische Daten, Größen, Materialien oder komplette Outfits nebeneinander.

Lookbooks als Doppelseite übertragen das Blättern im Printkatalog ins Digitale. Ein Klick auf ein Produkt im Bild öffnet die Kaufoption auf der gegenüberliegenden Seite.

Die ersten vier Konzepte funktionieren nicht nur auf dem iPhone Duo. Sie funktionieren genauso auf Android-Foldables, auf dem iPad und in einem halb geöffneten Browserfenster am Desktop. Die Investition zahlt sich also auf allen breiten Viewports aus, nicht nur auf einem einzelnen Gerät.

Die häufigsten Stolperfallen zum Marktstart

  • Layout bricht beim Aufklappen. Viele Shops lesen die Bildschirmbreite einmal beim Laden aus und merken sie sich. Nach dem Aufklappen bleibt dann die Smartphone-Navigation stehen oder Elemente überlappen.
  • Bedienelemente in der Bildschirmmitte. Bei leicht angewinkeltem Gerät sind Tippbereiche am Falz schwerer zu treffen. Zentrale Buttons, Slider-Pfeile oder Preisangaben gehören nicht genau in die Mitte.
  • Unerwartetes Tablet-Layout. Ob Safari auf dem Innendisplay eine Desktop-Ansicht anfordert, wie es iPadOS tut, ist noch offen. Falls ja, landet mehr Traffic im Tablet- oder Desktop-Layout als erwartet.
  • Zu große Bilder. Ein breiterer Viewport lädt größere Bildvarianten. Ohne saubere responsive Bildauslieferung leidet die Ladezeit.
  • Gerätespezifische Weichen. Code, der nach Gerätenamen verzweigt, ordnet das iPhone Duo nicht korrekt ein.

Checkliste bis zum 23. Oktober

  1. Den Shop auf drei Breiten testen: zugeklappt, aufgeklappt und in Split View.

  2. Auf- und Zuklappen mitten im Kaufprozess simulieren. Bleiben Warenkorb, Filter und Formulareingaben erhalten?

  3. Den Checkout auf voller Innendisplay-Breite prüfen.

  4. Mittig platzierte Bedienelemente identifizieren und versetzen.

  5. Sobald der iPhone-Duo-Simulator in Xcode 27.1 verfügbar ist, reale Viewport-Werte prüfen lassen.

  6. Keine Sonderlösungen beauftragen, die auf APIs aufbauen, die Safari nicht unterstützt.

Warum eine eigene App die falsche Antwort ist

Neue Formfaktoren lösen in vielen Unternehmen reflexartig App-Projekte oder gerätespezifische Sonderentwicklungen aus. Das iPhone Duo zeigt, warum das riskant ist: Der Browser kennt den Formfaktor noch gar nicht. Wer das Frontend auf einzelne Geräte zuschneidet, baut beim nächsten Gerät erneut. Wer es auf verfügbaren Platz auslegt, ist für das nächste Gerät bereits vorbereitet.

Wie Laioutr Frontends für neue Geräte vorbereitet

Laioutr ist eine Frontend Management Platform. Storefronts entstehen aus Sections und Blocks einer zentralen UI-Library, die responsiv aufgebaut ist und über alle Marken und Märkte hinweg genutzt wird. Eine Anpassung an einer Komponente wirkt dadurch auf allen Seiten, die sie verwenden. Neue Seitenvarianten lassen sich im Studio aus bestehenden Komponenten zusammenstellen und vor dem Livegang in der Vorschau prüfen. Das Backend bleibt dabei unverändert, ob Shopify, Shopware, commercetools oder ein anderes System.

FAQ

Braucht ein Onlineshop eine eigene App für das iPhone Duo?

Nein. Ein responsives Frontend, das sauber auf wechselnde Bildschirmbreiten reagiert, deckt das iPhone Duo im Browser vollständig ab.

Erkennt Safari, ob das iPhone Duo aufgeklappt ist?

Nicht direkt. Safari unterstützt weder die Viewport Segments API noch die Device Posture API. Eine Website erkennt nur, dass sich die Größe des Viewports ändert.

Was ist der Unterschied zu Android-Foldables?

Chrome auf Android unterstützt beide APIs. Dort können Websites den Falz und die Haltung des Geräts auswerten. Auf dem iPhone Duo ist das im Browser derzeit nicht möglich.

Ab wann ist das iPhone Duo erhältlich?

Apple hat den Verkaufsstart für den 23. Oktober 2026 angekündigt.

Lohnt sich die Optimierung bei zunächst geringen Stückzahlen?

Ja. Dieselben Verbesserungen wirken auf Tablets, Android-Foldables und Desktop-Fenstern. Dazu kommt eine kaufkräftige Zielgruppe, die neue Geräte bewusst beim Einkaufen nutzt.

Nächste Schritte

Das iPhone Duo ist nicht das letzte neue Gerät in diesem Jahrzehnt. Entscheidend ist ein Frontend, das jeden Formfaktor ohne Sonderprojekt bedient. Wie das mit einer Frontend Management Platform aussieht, zeigt die Übersicht warum Händler auf Laioutr setzen.

Weitere Themen aus der Laioutr-Plattform

Über den Autor: Marcel Thiesies ist Geschäftsführer der Laioutr GmbH in Berlin. Laioutr entwickelt die Frontend Management Platform für Commerce-Frontends, mit der Storefronts auf jedem Backend in Wochen statt Monaten live gehen.

Mehr interessante Frontend Artikel

Praxiswissen für Frontend-Entwicklung, smarte Agenten und Headless

App Shopify
Shopify
Shopify ist eine Commerce-Plattform zum Verkaufen online und im stationären Handel.
App shopware
Shopware
Shopware ist eine flexible E-Commerce-Plattform aus Europa für Produktkataloge und Omnichannel-Commerce.
App adobe commerce
Adobe Commerce
Adobe Commerce ist eine Enterprise-Commerce-Plattform für komplexe, globale B2C- und B2B-Szenarien.
Planned
App B2B sellers suite
B2Bsellers
B2B-Suite für Shopware, die den Online-Shop zur professionellen B2B-Commerce-Plattform macht.
Planned
App commerce layer
Commerce Layer
Commerce Layer ist eine Headless-Commerce-Plattform, um Bestände und Kataloge online verfügbar zu machen.
App commercetools
Commercetools
Commercetools ist eine SaaS-basierte, headless E-Commerce-Plattform mit weltweitem Einsatz.
App emporix
Emporix
Emporix ist eine composable, API-first Commerce-Plattform für skalierbare B2B- und B2C-Szenarien.
Planned
App HCL Software
HCL Software
Enterprise-Suite für digitalen Commerce und Experience mit hoher Konfigurierbarkeit.
Planned
App intershop
Intershop
Enterprise-Commerce-Plattform für komplexe B2B- und B2C-Geschäftsmodelle.
Planned
App magento 2
Magento 2
Weit verbreitete, erweiterbare Commerce-Plattform für B2C- und B2B-Szenarien.
App Oxid
OXID eShop
OXID eShop ist eine erweiterbare Commerce-Plattform für komplexe B2B- und B2C-Anforderungen.
Planned
App cover patchworks
Patchworks
Patchworks ist eine Low-Code-iPaaS, die E-Commerce, ERP, WMS, 3PL und Marktplätze verbindet.
Planned
App PRESTASHOP
Prestashop
Open-Source-Commerce-Plattform für kleine und mittlere Händler in Europa und darüber hinaus.
Planned
App saleor
Saleor
Open-Source-, API-first-Commerce-Plattform auf GraphQL-Basis für Custom-Storefronts.
Planned
App Commercecloud
Salesforce Commerce Cloud
Salesforce Commerce Cloud ist eine cloudbasierte Enterprise-Commerce-Plattform für Unternehmen jeder Größe.
Planned
App SAP
SAP Commerce Cloud
Enterprise-Commerce-Plattform für komplexe Kataloge, Preismodelle und Omnichannel-Journeys.
Planned
App SCAYLE
Scayle
SCAYLE ist eine Commerce-Engine, mit der Marken und Händler ihr Geschäft skalieren.
Planned
App spryker
Spryker
Composable Commerce-Plattform für anspruchsvolle B2B- und B2C-Geschäftsmodelle.
App Sylius
Sylius
Sylius ist ein entwicklerfreundliches E-Commerce-Framework für B2C- und B2B-Shopping-Erlebnisse.
Planned
App vendure
Vendure
Vendure ist eine Headless-Commerce-Plattform für Unternehmen mit komplexen Anforderungen.
Coming Soon
App VTEX
VTEX
Cloud-native, composable Commerce-Plattform für B2B und B2C im großen Maßstab.
Planned
App Websale
Websale
Stabiles, enterprise-taugliches Commerce-Backend für komplexe Handelsumgebungen.
Book a demo mobile
Strategie-Gespräch

Bereit, Dein Frontend zur Steuerebene zu machen?

Zeig uns Deinen Stack, Deine Roadmap, Dein Replatforming-Szenario, wir zeigen Dir, wie Laioutr passt, was es kostet und wie schnell ihr live geht.

"Nach 30 Minuten wussten wir, dass Laioutr unser Replatforming machbar macht." - Daniel B., CEO, hygibox.de

SEO / GEO / AEO Ready
Performance & Core Web Vitals
WCAG 3.0 Ready
Tracking & Analytics
Brand Consistency