Hey Heiko! @jackie_22_1
Das Einbetten eines ganzen Shopify-Shops in ein Iframe ist kaum realisierbar, alleine aufgrund der Sicherheitsrichtlinien, die viele Webplattformen, einschließlich Shopify, implementieren, um Clickjacking und andere Arten von Webangriffen zu verhindern. Ich hoffe du hast jetzt nicht allzu viel Zeit damit verbraucht denn eine dieser Sicherheitsrichtlinien ist die X-Frame-Options HTTP-Antwort-Header, die bestimmt, ob eine Webseite in einem <iframe>, <frame>, <embed> oder <object> gerendert werden darf. Standardmäßig erlaubt Shopify nicht, dass sein Inhalt in Iframes auf anderen Domains gerendert wird.
- X-Frame-Options / Content Security Policy (CSP): Shopify setzt Sicherheitsrichtlinien ein, die verhindern, dass Seiten innerhalb von Iframes auf anderen Domains gerendert werden. Diese Einschränkungen sind Teil der CSP (Content Security Policy), die dazu dienen, die Sicherheit der Benutzer zu gewährleisten.
- Same-Origin-Policy: Selbst wenn du den Shopify-Shop auf einer Subdomain deiner Hauptdomain betreibst, könnte die Same-Origin-Policy ein Problem darstellen, da Browser diese Richtlinie durchsetzen, um sicherzustellen, dass Skripte auf einer Seite nur mit Ressourcen derselben Quelle interagieren können.
Diese Richtlinien sind daher dazu da, um sicherzustellen, dass Inhalte sicher und ohne Risiko für Cross-Site-Scripting-Angriffe oder Clickjacking bereitgestellt werden.
Du könntest überlegen stattdessen deine Produkte von deinem Shopify-Shop auf einer anderen Seite oder Domain anzeigen, ueber die Verwendung des Shopify Buy Buttons. Dieser Ansatz ermöglicht es dir, individuelle Produkte oder Sammlungen auf externen Websites einzubetten, ohne gegen Sicherheitsrichtlinien zu verstoßen. Der Buy Button generiert einen JavaScript-Code, den du auf deiner Seite einbetten kannst, und stellt eine einfache Einkaufsmöglichkeit bereit.
Eine Möglichkeit, Iframes in Shopify-Seiten einzubetten, besteht darin, spezielle Skripte und Iframe-Resizer zu verwenden, um sicherzustellen, dass die eingebetteten Inhalte richtig angezeigt werden und responsiv sind. Ein User im Shopify-Forum hat beispielsweise einen Ansatz beschrieben, bei dem Iframe-Resizer-JavaScript-Bibliotheken genutzt werden, um eine reibungslose Integration und Anpassung der Iframe-Größe an unterschiedliche Bildschirmgrößen zu ermöglichen (Shopify Community).
Außerdem gibt es Anleitungen, die Schritt für Schritt erklären, wie man Iframes mit spezifischen Anpassungen, wie zum Beispiel einer responsiven Videoeinbettung, in Shopify hinzufügt. Hierbei wird ein CSS-Klassenansatz verwendet, um den Iframe responsive zu gestalten, sodass dieser sich automatisch an verschiedene Bildschirmgrößen anpasst. Es wird gezeigt, wie man eine CSS-Klasse erstellt und diese Klasse dann im CSS-Code des Shopify-Themes verwendet, um die gewünschten Stileigenschaften für den Iframe festzulegen (PiPiAds).
Direkt einen Shopify-Shop in ein Iframe einzubetten, ist somit aus Sicherheits- und technischen Gründen nicht direkt unterstützt oder empfohlen. Die oben genannten Alternativen bieten jedoch praktikable Wege, um Teile deines Shopify-Shops oder bestimmte Produkte auf externen Seiten zu präsentieren, während gleichzeitig eine gute Benutzererfahrung und Sicherheit gewährleistet werden. Für eine maßgeschneiderte Lösung, die über die Einbettung von Produkten hinausgeht, wäre die Entwicklung einer benutzerdefinierten App oder die Nutzung der Shopify APIs der beste Weg.
Hoffe das hilft dir weiter - lass wissen falls nicht! 
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.