# Template nicht &quot;boxed&quot; 1160px sondern 1260px anzeigen.

**URL:** <https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969>\
**Category:** Themes & Design\
**Created:** [26. August 2015 um 09:56 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969 "2015-08-26T09:56:44Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![birgit1963](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@birgit1963](https://forum.shopware.com/u/birgit1963)\
**Post date:** [26. August 2015 um 09:56 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/1 "2015-08-26T09:56:44Z")

</div>

Hallo, ich möchte die Elemente der Einkaufswelten nicht in einer „Box“ mit Breite 1160px sondern ohne „Box“ auf 1260px anzeigen lassen. Bündig mit der Top-Navigation und Footer. Einstellung/Lösung body-bg und box-shadow sind bekannt. Einstellungen Einkaufswelt: „NICHT über kompletten Bildschirm.“ Dieses soll beibehalten werden. Jemand eine Idee oder Lösungsansatz?

---

<div class="post-metadata">

**Author:** ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)\
**Post date:** [30. Juni 2016 um 13:27 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/2 "2016-06-30T13:27:52Z")

</div>

Hallo Haehnen,

Darf ich mich hier erkundigen ob du eine Lösung gefunden hast?  
JS generiertes CSS einfach überschreiben scheint mir hier nicht der richtige Ansatz zu sein.

Beste Grüsse

Arya\_Svitkona

---

<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:** [1. Juli 2016 um 07:09 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/3 "2016-07-01T07:09:33Z")

</div>

Hallo,

Grundsätzlich sind die Einkaufswelten ja responsive, das heißt eigentlich gibt nur der umliegende Container die Breite vor. Allerdings gibt es für einige Einkaufswelten-Modi eine so genannte **baseWidth** , welche in JavaScript&nbsp;für die Skalierung verwendet wird. Diese wird in Smarty in der **widgets/emotion/index.tpl** gesetzt. Ab Shopware **5.2** gibt es hier einen neuen Block **widgets/emotion/index/config** &nbsp;um die Config-Variablen zu bearbeiten. Wichtig ist hier auch noch, dass auf den Kategorie-Seiten mit Sidebar eine andere Breite gesetzt wird.

Hier die Datei:  
[shopware/index.tpl at 5.2 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.2/themes/Frontend/Bare/widgets/emotion/index.tpl#L7)

Der Rest sollte allein durch CSS realisierbar sein.

Sonnige Grüße,  
Phil

---

<div class="post-metadata">

**Author:** ![dupp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dupp/32/7715_2.png) [@dupp](https://forum.shopware.com/u/dupp)\
**Post date:** [13. Juli 2016 um 13:10 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/4 "2016-07-13T13:10:35Z")

</div>

Hallo Philipp,

ich habe in der entsprechenden Datei folgendes geschrieben:

```
{extends file="parent:widgets/emotion/index.tpl"}
            
{* Config block for overriding configuration variables of the shopping world *}
{block name="widgets/emotion/index/config"}
    {$smarty.block.parent}
    {$baseWidth = 1400}
{/block}

```

im Quelltext wird das data-basewitdth auch korrekt auf 1400 erweitert. Allerdings bekommt die EK durch das Javascript immer noch 1160px als max-width. Ist das ein Bug oder mache ich etwas falsch?

&nbsp;

EDIT: Shopware 5.2.1

---

<div class="post-metadata">

**Author:** ![nicole86](https://avatars.discourse-cdn.com/v4/letter/n/a698b9/32.png) [@nicole86](https://forum.shopware.com/u/nicole86)\
**Post date:** [14. Juli 2016 um 06:57 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/5 "2016-07-14T06:57:46Z")

</div>

Die maximale Breite ist durch den .container bei mir auf 1260px begrenzt. Dadurch läßt sich die Einkaufswelt auch auf max 1260 px wirkungsvoll erweitern.

Hat zwar nicht direkt mit deinem Problem zu tun, aber deine Änderung überschreibt die Breite des Listing-Controllers weiter unten m Block. Vielleicht ist es gewollt.

---

<div class="post-metadata">

**Author:** ![dupp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dupp/32/7715_2.png) [@dupp](https://forum.shopware.com/u/dupp)\
**Post date:** [14. Juli 2016 um 07:17 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/6 "2016-07-14T07:17:57Z")

</div>

In der “alten” Einkaufswelt, also vor 5.2, hat das funktioniert. Da konnte man das data-Attribut für die maximale Breite der Einkaufswelt setzen, sodass das Javascript das ausgelesen und angewendet hat. In der jetzigen Version wird das data-Attribut korrekt über den neuen config-Block erstellt - jedoch gibt das Javascript immernoch inline 1160px als max-width mit - und das ist nicht gewollt

---

<div class="post-metadata">

**Author:** ![dupp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dupp/32/7715_2.png) [@dupp](https://forum.shopware.com/u/dupp)\
**Post date:** [19. Juli 2016 um 08:03 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/7 "2016-07-19T08:03:59Z")

</div>

Hta hier jemand eine Idee? oder ist das ein BUG in der 5.2.1

---

<div class="post-metadata">

**Author:** ![d.coder](https://avatars.discourse-cdn.com/v4/letter/d/ed8c4c/32.png) [@d.coder](https://forum.shopware.com/u/d.coder)\
**Post date:** [19. Juli 2016 um 08:20 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/8 "2016-07-19T08:20:01Z")

</div>

Ich löse das zur Zeit mit einer Kombination aus JS und CSS

```
$.subscribe("plugin/swEmotion/onDataAttributes", function(event, el, opts) {
    opts.baseWidth = 1260;
});

```

An sich sollte das schon ausreichen. Tatsächlich hatte ich allerdings auch neuerdings das Problem, das trotzdem noch die alte max-width gesetzt war. Hab es dann noch zusätzlich in den less components überschrieben:

```
.emotion--wrapper {
    max-width: 1260px;
}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![dupp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dupp/32/7715_2.png) [@dupp](https://forum.shopware.com/u/dupp)\
**Post date:** [19. Juli 2016 um 14:07 UTC](https://forum.shopware.com/t/template-nicht-quot-boxed-quot-1160px-sondern-1260px-anzeigen/29969/9 "2016-07-19T14:07:54Z")

</div>

hm… also shopware möchte ja, dass man in {block name=„widgets/emotion/index/config“} die Variablen neu definiert. In der 5.2.2 funktioniert das auch. In der 5.2.1 habe ich beobachtet, dass dies nicht funktioniert.
