# Einkaufswelten - Container verschieben sich

**URL:** https://forum.shopware.com/t/einkaufswelten-container-verschieben-sich/7716
**Category:** Shopware 3.5
**Tags:** general
**Created:** [15. Juli 2012 um 17:49 UTC](https://forum.shopware.com/t/einkaufswelten-container-verschieben-sich/7716 "2012-07-15T17:49:18Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Mark](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@Mark](https://forum.shopware.com/u/Mark)
#### Post date: [15. Juli 2012 um 17:49 UTC](https://forum.shopware.com/t/einkaufswelten-container-verschieben-sich/7716/1 "2012-07-15T17:49:18Z")

</div>

Hallo zusammen. Wir werden mit dem Release der v4 auf Shopware umsteigen und arbeiten uns nun erst einmal in die Beta (wobei ich diese Beta wohl eher als Alpha beschreiben würde - vieles ist ja deaktiviert oder noch beim alten Stand) ein. So weit so gut. Die Idee hinter den neuen Einkaufswelten gefällt mir gut. Allerdings funktioniert die Ausgabe nicht ordentlich. Die class ‚inner‘ bekommt eine Weite von 1000px aus dem default template, genau aus der ‚style.css‘ und bricht entsprechend unter die ‚left‘. Ich finde aber nun seit Stunden meinen Fehler nicht. ☹ [http://s.gullipics.com/image/i/5/j/8iekts-jao00x-zvn1/1.jpeg](http://s.gullipics.com/image/i/5/j/8iekts-jao00x-zvn1/1.jpeg) Kann mir jemand helfen? Vielen Dank und einen schönen Restsonntag!

---

<div class="post-metadata">

### Author: ![ErikBrinx](https://avatars.discourse-cdn.com/v4/letter/e/b5ac83/32.png) [@ErikBrinx](https://forum.shopware.com/u/ErikBrinx)
#### Post date: [15. Juli 2012 um 20:06 UTC](https://forum.shopware.com/t/einkaufswelten-container-verschieben-sich/7716/2 "2012-07-15T20:06:48Z")

</div>

Hallo, so wie ich das sehe, liegen Deine Einkaufswelten gar nicht im “center” Container, sondern außerhalb davon. Oder irre ich mich da? Dann sollten die Einkaufswelten auch über #listing-4col .artbox .inner angesprochen werden. Grüße Erik

---

<div class="post-metadata">

### Author: ![Mark](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@Mark](https://forum.shopware.com/u/Mark)
#### Post date: [16. Juli 2012 um 21:08 UTC](https://forum.shopware.com/t/einkaufswelten-container-verschieben-sich/7716/3 "2012-07-16T21:08:34Z")

</div>

Hi! Danke für deine Antwort. Ja, die Promotions landen nicht im Center. Allerdings ist es aber auch so, dass ich die Promotions in meiner index/index.tpl eingebunden habe: {\* Promotion \*} {block name=‚frontend\_home\_index\_promotions‘} {action module=widgets controller=emotion action=index categoryId=$sCategoryContent.id} {/block} [Hier](http://wiki.shopware.de/Einkaufswelten%5C_detail%5C_819.html) beschhrieben. Nun habe ich einmal die Promotions in der home/index.tpl, die ja vorhanden sind, aber keinen Effekt hatten, mit dem Block aus dem HowTo ersetzt und aus der index/index.tpl rausgenommen. Die Bboxen werden angezeigt. Einstellungen 1/2/3/4 Spalten oder die Anordung im Designer hat keinerlei Auswirkungen. [Büid](http://s.gullipics.com/image/i/j/6/8idhoi-jaq409-kd20/2.jpeg) Hat jemand eine Idee? Danke sehr!

---

<div class="post-metadata">

### Author: ![Mark](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@Mark](https://forum.shopware.com/u/Mark)
#### Post date: [16. Juli 2012 um 22:23 UTC](https://forum.shopware.com/t/einkaufswelten-container-verschieben-sich/7716/4 "2012-07-16T22:23:52Z")

</div>

Hallo! Ich habe nochmal ein Bild angehängt, da ich einfach nicht weiter komme. [i]

[/i] ist blau und grün markiert. In rot der innere Kontainer ‘inner’ der aus dem Defaulttemplate die ‘width: 1000px’ erhält. [BILD](http://s.gullipics.com/image/r/n/p/8idhoi-jaq8ml-2p70/3.png) Ich danke für jeden Tipp!

---

<div class="post-metadata">

### Author: ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)
#### Post date: [17. Juli 2012 um 08:28 UTC](https://forum.shopware.com/t/einkaufswelten-container-verschieben-sich/7716/5 "2012-07-17T08:28:08Z")

</div>

Hallo Mark, das Problem bei dir ist, dass du die CSS-Styles aus der emotion.css nicht übernommen hast. Hier die passenden Styles: ` /\* EMOTIONS ------------------------ \*/ .emotion-listing { position: relative } .emotion-element { position: absolute } .emotion-inner-element { margin: 0 10px 10px 0; } /\*\* HTML ELEMENT \*/ .html-text-element {background: #fff8e9;} .html-text-inner-element {padding: 25px;} .emotion-inner-element .headline {margin: 0 0 25px;color: #dd4800;} .emotion-inner-element .text {font-size: 12px;line-height: 18px;color: #867960;} /\*\* ARTICLE \*/ .emotion-inner-element .artbox { margin: 0; float: none; height: 100%; width: 100%; border: 0 none; border: 1px solid #dfdfdf; /\*\* Includes the border into the width and doesn't add them to the width of the element \*\*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .emotion-inner-element .artbox \* {float: none !important;} .article-element .artbox .inner {width: 87% !important;height: 100% !important;} .article-element .artbox p.price, .article-element .artbox p.pseudoprice {bottom: 2px;left: 16px;} .article-element .artbox .inner .actions {bottom: 8px;left: auto;right: 20px;width: 80px;} .article-element .artbox .inner .actions .more {width: 80px;} .article-element .artbox .inner .actions .more {text-indent: -9999em; width: 10px; margin: 0;} .article-element .artbox .inner .actions .more:hover {text-indent: inherit; width: 80px; text-decoration: none;} .article-element .artbox .inner .actions {width: 22px; bottom: 15px; right: 15px;} .article-element .artbox .inner .actions:hover {width: 92px;} .article-element .artbox .inner .artbox\_thumb {margin: 25px 0 25px; height: 115px;} .article-element .artbox .inner .title {font-size: 16px; margin: 0 0 20px;} .article-element .artbox .inner span.price {font-size: 16px;} .article-element .artbox p.pseudoprice {background: url(../images/icons/ico\_pseudo.png) no-repeat 0 center;left: -1px; bottom: 13px;padding-left: 33px;} .article-element .artbox p.pseudoprice span.pseudo {font-size: 10px;} .article-element .artbox p.pseudoprice span.price {font-size: 14px;} ` Viele Grüße, Stephan Pohl :shopware:
