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 Kann mir jemand helfen? Vielen Dank und einen schönen Restsonntag!
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
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 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 Hat jemand eine Idee? Danke sehr!
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 Ich danke für jeden Tipp!
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: