# Größe der Varianten Auswahl Box ändern

**URL:** https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580
**Category:** Shopware 3.5
**Tags:** general
**Created:** [12. September 2012 um 20:12 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580 "2012-09-12T20:12:51Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![TonyD](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@TonyD](https://forum.shopware.com/u/TonyD)
#### Post date: [12. September 2012 um 20:12 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/1 "2012-09-12T20:12:51Z")

</div>

Leider kann man die Länge/Größe der Varianten Auswahl Box nicht in der CSS Datei ändern. Es handelt sich um folgenden Baustein der abgeändert werden muss:

In welcher Datei finde ich diesen? Danke!! :thumbup:

---

<div class="post-metadata">

### Author: ![mkays](https://avatars.discourse-cdn.com/v4/letter/m/ea666f/32.png) [@mkays](https://forum.shopware.com/u/mkays)
#### Post date: [12. September 2012 um 21:48 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/2 "2012-09-12T21:48:17Z")

</div>

Hallo, du könntest ein !important anfügen, zwar nicht die beste Lösung, aber funktioniert. Als Beispiel: ` #buybox .upprice\_config .outer-select {width:150px !important} ` Gruß Manuel

---

<div class="post-metadata">

### Author: ![TonyD](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@TonyD](https://forum.shopware.com/u/TonyD)
#### Post date: [12. September 2012 um 22:14 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/3 "2012-09-12T22:14:44Z")

</div>

Danke, das klappt echt gut. Wenn noch jemand die „richtige“ Lösung über die

Box kennt wäre natürlich noch besser 🙂

---

<div class="post-metadata">

### Author: ![clicklabs](https://avatars.discourse-cdn.com/v4/letter/c/ad7895/32.png) [@clicklabs](https://forum.shopware.com/u/clicklabs)
#### Post date: [24. November 2012 um 14:09 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/4 "2012-11-24T14:09:51Z")

</div>

Da suche ich auch gerade! Unser Designer hatte scheinbar ein Verhältnis zu !important… alles mega unsauber!

---

<div class="post-metadata">

### Author: ![mindgap1](https://avatars.discourse-cdn.com/v4/letter/m/a88e4f/32.png) [@mindgap1](https://forum.shopware.com/u/mindgap1)
#### Post date: [3. Dezember 2012 um 15:29 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/5 "2012-12-03T15:29:37Z")

</div>

!important geht zwar, ich würde das aber auch gern im Template ändern. Scheinbar wird das Objekt ja direkt durch den Code generiert. Warum ist das ‘statisch’ und nicht dynamisch? Die Bilder der Boxen sind ja auch auf 300px angelegt.

---

<div class="post-metadata">

### Author: ![leseaw](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@leseaw](https://forum.shopware.com/u/leseaw)
#### Post date: [3. Dezember 2012 um 16:50 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/6 "2012-12-03T16:50:18Z")

</div>

Shop runterladen und das kleine aber feine Programm [http://www.mythicsoft.com/page.aspx?pag … entransack](http://www.mythicsoft.com/page.aspx?page=download&type=agentransack) runterladen und dann alle Dateien durchsuchen so findet man was man sucht 🙂

---

<div class="post-metadata">

### Author: ![coco](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@coco](https://forum.shopware.com/u/coco)
#### Post date: [3. Dezember 2012 um 19:09 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/7 "2012-12-03T19:09:43Z")

</div>

Hallo, ich habe auch das Problem mit der Breite der Auswahlboxen und finde auch nichts passendes um es zu ändern. Wen ich outer-select und inner select mit !important ändere ist das Global überall verändert, vielleicht kann :shopware: Shopware was da zu sagen ? dieses Thema Geistert ja auch schön lange im Forum und konnte bis jetzt nicht befriedigend gelöst werden. Grüße COCO

---

<div class="post-metadata">

### Author: ![coco](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@coco](https://forum.shopware.com/u/coco)
#### Post date: [6. Dezember 2012 um 15:04 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/8 "2012-12-06T15:04:24Z")

</div>

Hallo :shopware: ??? Team 🙂 Ich wäre sehr dankbar wenn Ihr mir einen Tip geben könntet wo ich es ändern könnte Dank im voraus :thumbup: COCO

---

<div class="post-metadata">

### Author: ![coco](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@coco](https://forum.shopware.com/u/coco)
#### Post date: [20. Dezember 2012 um 15:00 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/9 "2012-12-20T15:00:34Z")

</div>

Hallo, ich muss nochmals nachfragen kann mir den keiner einen Tip geben wie ich ohne !Important die breite der Auswahlfelder “Größen” und “Stückzahl” verändern kann so dass es in meinen Template passt. Werden Sie Dynamisch generiert ??? COCO

---

<div class="post-metadata">

### Author: ![coco](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@coco](https://forum.shopware.com/u/coco)
#### Post date: [27. Dezember 2012 um 09:39 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/10 "2012-12-27T09:39:23Z")

</div>

:x

---

<div class="post-metadata">

### Author: ![Euromann](https://avatars.discourse-cdn.com/v4/letter/e/eada6e/32.png) [@Euromann](https://forum.shopware.com/u/Euromann)
#### Post date: [28. Dezember 2012 um 16:51 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/11 "2012-12-28T16:51:39Z")

</div>

ich denke, diese Funktion in jquery.emotion.js generiert den html-Code, hab aber keine Ahnung, wo diese Funktion aufgerufen wird [code]function createTemplate(width, text) { if(width \< 50) { width = 50; } var outer = $(’

‘, { ‘class’: ‘outer-select’ }).css(‘width’, width), inner = (' ', { 'class': 'inner-select' }).appendTo(outer), text = (’’, { ‘class’: ‘select-text’, ‘html’: text }).appendTo(inner); return outer; }[/code]

---

<div class="post-metadata">

### Author: ![coco](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@coco](https://forum.shopware.com/u/coco)
#### Post date: [28. Dezember 2012 um 18:21 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/12 "2012-12-28T18:21:14Z")

</div>

Vielen Dank das sich wenigstens einer gemeldet hat :thumbup: kann Shopware den nicht was dazu sagen ? oder einer aus der community ? nochmals Dank 🙂 Gruß COCO

---

<div class="post-metadata">

### Author: ![mkays](https://avatars.discourse-cdn.com/v4/letter/m/ea666f/32.png) [@mkays](https://forum.shopware.com/u/mkays)
#### Post date: [28. Dezember 2012 um 19:17 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/13 "2012-12-28T19:17:21Z")

</div>

Ich habe mittlerweile die Lösung finden können. Die Select-Box zieht die Daten aus der CSS-Datei, wie es beim Suchfeld auch ist. Das heisst, Ihr müsst die Werte in Eurer CSS-Datei ändern bzw. einfügen. Für die Auswahl-Felder in der Detail-Übersicht werden folgende Einträge angesprochen. Standard-Werte: #buybox select {width: 287px;} #buybox #detailCartButton #sQuantity {width: 147px;} Einfach den gewünschten Wert eintragen und Seite neuladen. Die Boxen werden allerdings 13px länger, also müsst Ihr diese in der CSS “verkleinern”. Wenn Ihr nun eine Box mit 100px Breite haben möchtet, müsst Ihr in der CSS “87px” eintragen. Ich hoffe, ich habe es einigermaßen verständlich ausgedrückt. 🙂 Gruß Manuel

---

<div class="post-metadata">

### Author: ![coco](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@coco](https://forum.shopware.com/u/coco)
#### Post date: [30. Dezember 2012 um 00:20 UTC](https://forum.shopware.com/t/grosse-der-varianten-auswahl-box-andern/8580/14 "2012-12-30T00:20:02Z")

</div>

Vielen vielen Dank klappt jetzt sehr gut 😃 :thumbup: 🙂 Grüße COCO
