# Shopbreite ändern

**URL:** https://forum.shopware.com/t/shopbreite-andern/37693
**Category:** Themes & Design
**Created:** [24. Juni 2016 um 17:29 UTC](https://forum.shopware.com/t/shopbreite-andern/37693 "2016-06-24T17:29:09Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![HamdIT](https://avatars.discourse-cdn.com/v4/letter/h/e56c9b/32.png) [@HamdIT](https://forum.shopware.com/u/HamdIT)
#### Post date: [24. Juni 2016 um 17:29 UTC](https://forum.shopware.com/t/shopbreite-andern/37693/1 "2016-06-24T17:29:09Z")

</div>

Hallo,

Ich will die Shopbreite (in der Desktopvariante) verkleinern. Nach allem, was ich bisher gelesen habe, sollte es etwas bewirken, wenn ich unter&nbsp; **/themes/Frontend/meinTheme/frontend/\_public/src/less/\_variables&nbsp;** eine Datei **structure.less** mit folgendem Inhalt&nbsp;erstelle:

```
/*
Structure
================================
The variables define the widths for the different viewports.

**Structure**
`@phoneLandscapeViewportWidth` - viewport phone-landscape width *(default: 480px)*
`@tabletViewportWidth` - viewport tablet width *(default: 768px)*
`@tabletLandscapeViewportWidth` - viewport tablet-landscape width *(default: 1024px)*
`@desktopViewportWidth` - viewport desktop width *(default: 1260px)*
*/

@phoneLandscapeViewportWidth: 30em; // 480px
@tabletViewportWidth: 48em; // 768px
@tabletLandscapeViewportWidth: 64em; // 1024px
@desktopViewportWidth: 64em; // 1260px = 78.75em; 

```

Ich habe also die Datei aus dem Order **/themes/Frontend/Responsive/frontend/\_public/src/less/\_variables** &nbsp;kopiert und die letzte Zeile angepasst.&nbsp;Leider hat das überhaupt keinen Effekt. Wieso nicht?

&nbsp;

Die all.less enthält die Zeile

```
@import "variables";

```

und die wiederum enthält die Zeile

```
@import "_variables/structure";

```

&nbsp;

---

<div class="post-metadata">

### Author: ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)
#### Post date: [24. Juni 2016 um 17:44 UTC](https://forum.shopware.com/t/shopbreite-andern/37693/2 "2016-06-24T17:44:00Z")

</div>

Das sind nur die Grenzwerte der viewports (Desktop, Landscape, Phone etc). Damit änderst du nicht die Breite des Shops.

Viele Grüße

---

<div class="post-metadata">

### Author: ![HamdIT](https://avatars.discourse-cdn.com/v4/letter/h/e56c9b/32.png) [@HamdIT](https://forum.shopware.com/u/HamdIT)
#### Post date: [24. Juni 2016 um 17:48 UTC](https://forum.shopware.com/t/shopbreite-andern/37693/3 "2016-06-24T17:48:28Z")

</div>

Danke für die Antwort. Vielleicht hätte ich noch die Frage hinzufügen sollen, wie man denn nun tatsächlich die Breite ändert.

&nbsp;

---

<div class="post-metadata">

### Author: ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)
#### Post date: [24. Juni 2016 um 17:51 UTC](https://forum.shopware.com/t/shopbreite-andern/37693/4 "2016-06-24T17:51:46Z")

</div>

Das könnte ein Ansatz sein:&nbsp;[shopware/container.less at 5.1 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/_public/src/less/_components/container.less)

Viele Grüße

---

<div class="post-metadata">

### Author: ![HamdIT](https://avatars.discourse-cdn.com/v4/letter/h/e56c9b/32.png) [@HamdIT](https://forum.shopware.com/u/HamdIT)
#### Post date: [24. Juni 2016 um 18:10 UTC](https://forum.shopware.com/t/shopbreite-andern/37693/5 "2016-06-24T18:10:52Z")

</div>

Danke sehr! Genau das ist es.

Da die meisten Links in diesem Forum nach einem Jahr zu 404 führen, schreibe ich den LESS-Code hier rein:

```
.container {
    .clearfix();
	.unitize-max-width(1060, 16);
	background: #fff;
	margin: 0 auto;
	width: 100%;
}

```

&nbsp;