# Responsive Einkaufswelt

**URL:** <https://forum.shopware.com/t/responsive-einkaufswelt/47583>\
**Category:** Programmierung\
**Created:** [15. August 2017 um 12:21 UTC](https://forum.shopware.com/t/responsive-einkaufswelt/47583 "2017-08-15T12:21:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![grit](https://avatars.discourse-cdn.com/v4/letter/g/ecb155/32.png) [@grit](https://forum.shopware.com/u/grit)\
**Post date:** [15. August 2017 um 12:21 UTC](https://forum.shopware.com/t/responsive-einkaufswelt/47583/1 "2017-08-15T12:21:37Z")

</div>

Hallo zusammen,

ich nutze das Shopware Responsive Template als Grundlage und habe darin einen Breakpoint entfernt, da mir das Theme zu oft umbricht:

```
@phoneLandscapeViewportWidth: 30em; // 480px
@tabletViewportWidth: 64em; // 1024px ANGEPASST!
@tabletLandscapeViewportWidth: 64em; // 1024px
@desktopViewportWidth: 78.75em; // 1260px

```

Ich habe den tabletViewportWidth auf 64em gesetzt, sodass ich insgesamt einen Breakpoint weniger habe. Scheinbar verursacht das jedoch Probleme in den Einkaufswelten. Ich habe eine Einkaufswelt erstellt, die oben einen Banner hat und darunter vier Produkte nebeneinander. Leider werden mir diese bei dem einen Viewport&nbsp;so dargestellt:

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/20002faf28adfd94ca98cf6ced46f14334b53684.png)

Ich nehme an, dass ich in irgendeiner JS Datei den nicht genutzten Viewport für die Einkaufswelten deaktivieren muss. Kann mir hier jemand weiterhelfen? Bin langsam am verzweifeln…

---

<div class="post-metadata">

**Author:** ![Philipp\_Schuch](https://avatars.discourse-cdn.com/v4/letter/p/8797f3/32.png) [@Philipp\_Schuch](https://forum.shopware.com/u/Philipp_Schuch)\
**Post date:** [15. August 2017 um 12:41 UTC](https://forum.shopware.com/t/responsive-einkaufswelt/47583/2 "2017-08-15T12:41:47Z")

</div>

Hey,

die JavaScript Plugins arbeiten ebenfalls mit den Breakpoints. Hier müsstest Du den StateManager ebenfalls entsprechend konfigurieren. Weitere Infos zum Thema StateManager bekommst Du hier:

[jQuery plugins and the StateManager](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/)

Sonnige Grüße,  
Phil

---

<div class="post-metadata">

**Author:** ![Karsten](https://avatars.discourse-cdn.com/v4/letter/k/e47c2d/32.png) [@Karsten](https://forum.shopware.com/u/Karsten)\
**Post date:** [15. August 2017 um 12:45 UTC](https://forum.shopware.com/t/responsive-einkaufswelt/47583/3 "2017-08-15T12:45:05Z")

</div>

Hallo Grit,

Du bist jemand von der ganz harten Sorte und hast aber dabei hoffentlich vorher ein eigenes Theme auf der Grundlage des haueigenen Responsive Theme gemacht?  
Und nachdem du das eigene Theme angelegt hast, kannst du zig Einkaufswelten basteln, die du jeder Kategorie zuordnen kannst. Damit nicht genug. Wenn du bei den Einkaufswelten an den farbigen Balken das Schlosssymbol deaktivierst, kannst du jeden Viewport extra nochmal formatieren. Und erst wenn das alles immer noch nicht zum Ergebnis führt, greife ich in less ein. Da ist aber meine Arbeitsweise.  
Ich würde dir empfehlen -\> auf Anfang zurück. Bootstrap und die dazugehörige js sind schon hoch komplex.

Grüße

Karsten