# Unterschiedliche Erlebniswelten für Desktop/Tablet/Mobile

**URL:** <https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767>\
**Category:** Themes & Design\
**Created:** [4. August 2020 um 14:37 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767 "2020-08-04T14:37:51Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [4. August 2020 um 14:37 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/1 "2020-08-04T14:37:51Z")

</div>

In SW5 gab es ja die Möglichkeit je nach Endgerät unterschiedliche Einkaufswelten-Landingpages (mit optimierten Bildern, Texten etc.) ausliefern zu lassen.

In SW6 sehe ich aktuell im Bereich Erlebniswelten „nur“ einen relatives einfaches Drag-and-Drop-System, welches ein für Desktop erstelltes Layout nicht nachvollziehbar auch auf Tablet und monile darstellt. Ich finde keine Einstellmöglichkeiten wie z.B. für Mobile-Ansicht ein anderes Bild zu wählen etc.

Habe ich etwas übersehen oder ist dieser „Rückschritt“ so gewünscht?

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [9. September 2020 um 11:47 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/2 "2020-09-09T11:47:02Z")

</div>

> [@cbm schrieb:](https://forum.shopware.com/profile/31895/cbm "cbm")
> 
> In SW5 gab es ja die Möglichkeit je nach Endgerät unterschiedliche Einkaufswelten-Landingpages (mit optimierten Bildern, Texten etc.) ausliefern zu lassen.
> 
> In SW6 sehe ich aktuell im Bereich Erlebniswelten „nur“ einen relatives einfaches Drag-and-Drop-System, welches ein für Desktop erstelltes Layout nicht nachvollziehbar auch auf Tablet und monile darstellt. Ich finde keine Einstellmöglichkeiten wie z.B. für Mobile-Ansicht ein anderes Bild zu wählen etc.
> 
> Habe ich etwas übersehen oder ist dieser „Rückschritt“ so gewünscht?

Ja, das scheinst du übersehen zu haben. Die Icons für die unterschiedlichen Viewports findest du oberhalb der Drag & Drop-Fläche. Da kannst du dann entscheiden was in den jeweiligen Viewports erscheint. Mit dem „Plus-Icon“ kannst du dann wieder entscheiden ob es eine Ansicht mit Randspalte oder nicht geben soll. Das was du nicht brauchst kannst du dann wieder löschen.

&nbsp;

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [9. September 2020 um 12:03 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/3 "2020-09-09T12:03:25Z")

</div>

Danke. Die Icons zu den Viewports habe ich gesehen.

Allerdings sehe ich das Verhalten so:  
Füge ich z.B. im Viewport “Mobile” ein Element hinzu, wird dieses Element auch im Viewport “Desktop” hinzugefügt. Es können nicht unterschiedliche Elemente in den verschiedenen Viewports verwendet werden.

Gibt es zu Deiner Schilderung auch eine Anleitung von Shopware?

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [9. September 2020 um 12:18 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/4 "2020-09-09T12:18:18Z")

</div>

Ja stimmt. Das funktioniert nicht. Habe dazu auch keine Dokumentation gefunden. Habe es gerade nur zufällig gesehen und angenommen, dass es so funktioniert wie beim Vorgänger.

Theoretisch könnte man mit Klassen arbeiten.

---

<div class="post-metadata">

**Author:** ![Banane](https://avatars.discourse-cdn.com/v4/letter/b/f475e1/32.png) [@Banane](https://forum.shopware.com/u/Banane)\
**Post date:** [9. September 2020 um 12:22 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/5 "2020-09-09T12:22:24Z")

</div>

Hi,

die Funktionsweise ist noch sehr mangelhaft und unübersichtlich.  
Mit den Bootstrap-Klassen ist es aber möglich, Bereiche je nach Device-Format ein und auszublenden.

> **[Display property](https://getbootstrap.com/docs/4.0/utilities/display/)**
>
> Quickly and responsively toggle the display value of components and more with our display utilities. Includes support for some of the more common values, as well as some extras for controlling display when printing.

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [9. September 2020 um 12:30 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/6 "2020-09-09T12:30:14Z")

</div>

Habe gerade gesehen, dass das tatsächlich noch nicht möglich ist.  
Da hat schon einmal jemand ein Ticket erstellt. Votet doch am besten auch dafür. Vllt wird es dann auch mal prorisiert angegangen.  
Also doch vorerst mit Klassen arbeiten auch wenn das ziemlich unübersichtlich wird.

Hier für Issue voten:  
[Shopware Issuetracker](https://issues.shopware.com/issues/NEXT-5321)

Hier der Forenbeitrag dazu:  
[https://forum.shopware.com/discussion/63792/erlebniswelt-bloecke-nach-geraetetyp](https://forum.shopware.com/discussion/63792/erlebniswelt-bloecke-nach-geraetetyp)

&nbsp;

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [16. September 2020 um 11:23 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/7 "2020-09-16T11:23:28Z")

</div>

Das Ausblenden von Elementen über (Bootstrap)-Klassen wäre auf den ersten Blick eine Möglichkeit. Allerdings wird so ja auch unnötiger Quell-Code geladen der dann nur nicht angezeigt wird.

Beispiel: Es werden alle „Desktop-Bilder“ auch am Smartphone geladen und dann ausgeblendet.

Ist das korrekt?

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [16. September 2020 um 11:51 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/8 "2020-09-16T11:51:12Z")

</div>

Ja, leider wäre das dann so. Evtl arbeiten die auch daran, dass das bald wieder so funktioniert wie bei Shopware 5. Wäre ja zu wünschen.

---

<div class="post-metadata">

**Author:** ![Lio](https://avatars.discourse-cdn.com/v4/letter/l/b5ac83/32.png) [@Lio](https://forum.shopware.com/u/Lio)\
**Post date:** [22. Januar 2021 um 12:54 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/9 "2021-01-22T12:54:35Z")

</div>

Gibt es denn ggf. ein erprobtes&nbsp;Plugin mit dem man dies umgehen kann, bis es evtl. durch Shopware selbst bereitgestellt wird?

&nbsp;

---

<div class="post-metadata">

**Author:** ![tfol](https://avatars.discourse-cdn.com/v4/letter/t/3ec8ea/32.png) [@tfol](https://forum.shopware.com/u/tfol)\
**Post date:** [24. Januar 2021 um 19:28 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/10 "2021-01-24T19:28:43Z")

</div>

Würde mich auch für eine Lösung interessieren.

Ich benötige nur die Möglichkeit im Slider die Banner entsprechend auszuwählen. Auf dem Mobilgerät sind die Desktopbanner viel zu  
klein und nicht lesbar. Die für Mobilgerät gebauten Banner sind dafür auf dem Desktop viel zu riesig.

Danke

TFOL

---

<div class="post-metadata">

**Author:** ![SmartStylez](https://avatars.discourse-cdn.com/v4/letter/s/a88e4f/32.png) [@SmartStylez](https://forum.shopware.com/u/SmartStylez)\
**Post date:** [14. Februar 2021 um 14:40 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/11 "2021-02-14T14:40:19Z")

</div>

Gibt es bzgl. der Anzeige/Ansicht&nbsp;auf verschiedenen Viewports schon etwas Neues?

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [11. März 2021 um 14:39 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/12 "2021-03-11T14:39:54Z")

</div>

Dieses Plugin bietet jetzt wohl ansatzweise eine Lösung:

> **[CMS Powerpack](https://store.shopware.com/netzp43539541675/cms-powerpack.html)**
>
> Dieses Plugin erweitert die Einkaufserlebnisse um zahlreiche neue Blöcke und Elemente - sozusagen das Schweizer-Armee-Messer für das CMS!…

Kurz getestet. Scheint grundsätzlich zu funktionieren.  
Allerdings werden nicht benötigte Elemente nachträglich wohl nur ausgeblendet. d.h. bei komplexen Einkaufswelten steigt dann wahrscheinlich Traffic und Ladezeit.

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [11. März 2021 um 14:46 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/13 "2021-03-11T14:46:23Z")

</div>

Das CMS Powerpack hat die Responsiven Funktionen ca eine Woche gebracht, nachdem dieses Plugin im Store veröffentlich wurde:

> **[Responsives Ein- und Ausblenden für Erlebniswelten](https://store.shopware.com/flink71241235154/responsives-ein-und-ausblenden-fuer-erlebniswelten.html)**
>
> Sieht dein Shop am Computer super aus, aber lässt auf Mobilgeräten  zu wünschen übrig? Sind Elemente auf dem Smartphone viel zu groß, auf allen…

Ist schon ein wenig verdächtig? 😉  
Ansonsten kann ich das Plugin von Flinkfactory empfehlen.  
Und ja die Ladezeiten werden nicht verringer, dazu müsste man schon Serverseitig erkennen können mit welchem Gerät der Kunde kommt, das ist etwas komplizierter.

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [11. März 2021 um 15:25 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/14 "2021-03-11T15:25:04Z")

</div>

Schön, dass sich jetzt endlich mal etwas bewegt.  
Jetzt wäre eigentlich bald eine performante Lösung mit Endgeräteabfrage und entsprechenden kurzen Ladezeiten angebracht.

---

<div class="post-metadata">

**Author:** ![rcdemr](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/rcdemr/32/24684_2.png) [@rcdemr](https://forum.shopware.com/u/rcdemr)\
**Post date:** [18. September 2022 um 21:51 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/16 "2022-09-18T21:51:04Z")

</div>

Hi, gibts hier schon ein Update?

---

<div class="post-metadata">

**Author:** ![D01](https://avatars.discourse-cdn.com/v4/letter/d/c67d28/32.png) [@D01](https://forum.shopware.com/u/D01)\
**Post date:** [7. November 2022 um 00:02 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/17 "2022-11-07T00:02:32Z")

</div>

Gibt es hier bereits eine Shopware Lösung?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [7. November 2022 um 12:29 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/18 "2022-11-07T12:29:29Z")

</div>

Die Lösung lautet Responsive. Mehrere Layer, was Shopware 5 gemacht hat, ist heute aus technischer Sicht und SEO-Gründen eher ein no go. Einfach per CSS ausblenden, was nicht gewünscht ist.

---

<div class="post-metadata">

**Author:** ![great2gether](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/great2gether/32/12887_2.png) [@great2gether](https://forum.shopware.com/u/great2gether)\
**Post date:** [12. April 2024 um 05:50 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/19 "2024-04-12T05:50:13Z")

</div>

Mahlzeit. Für diesen Fall haben wir eine Funktion in unserem [Slider](https://store.shopware.com/great75449913515m/super-mega-slider-fuer-erlebniswelten.html) eingebunden, die es erlaubt für unterschiedliche Viewports unterschiedliche Bilder zu hinterlegen.

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [12. April 2024 um 06:30 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/20 "2024-04-12T06:30:24Z")

</div>

Hast du die Texte in das Bild integriert? Halte ich allgemein nicht für sinnvoll.

Bild sollte im HG liegen und die Texte mit einer sauberen Syntax (h1-hx) drüber liegen. Ist mit dem Standard leider nicht möglich, gibt aber Plugins dafür.

---

<div class="post-metadata">

**Author:** ![budokonzept7](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@budokonzept7](https://forum.shopware.com/u/budokonzept7)\
**Post date:** [26. April 2024 um 14:49 UTC](https://forum.shopware.com/t/unterschiedliche-erlebniswelten-fuer-desktop-tablet-mobile/68767/21 "2024-04-26T14:49:26Z")

</div>

Hallo zusammen,  
ich sitze im Moment auch an dem Problem und wtjsh hat mich auf einen Gedanken gebracht den ich direkt probieren musste und es funktioniert.  
Ob das von Shopware so gewollt war oder nicht weis ich nicht.

Man kann die einzelnen Elemente für die mobile Ansicht ausblenden und weitere hinzufügen bei den man dann die Desktop Ansicht ausblendet.

Schon hast du 1 Startseite die auf verschiedenen Geräten unterschiedlich dargestellt wird.

LG
