# 3-spaltige Darstellung der Varianten im Frontend.

**URL:** <https://forum.shopware.com/t/3-spaltige-darstellung-der-varianten-im-frontend/43540>\
**Category:** Themes & Design\
**Created:** [8. Februar 2017 um 19:14 UTC](https://forum.shopware.com/t/3-spaltige-darstellung-der-varianten-im-frontend/43540 "2017-02-08T19:14:04Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![hldbrnd](https://avatars.discourse-cdn.com/v4/letter/h/8797f3/32.png) [@hldbrnd](https://forum.shopware.com/u/hldbrnd)\
**Post date:** [8. Februar 2017 um 19:14 UTC](https://forum.shopware.com/t/3-spaltige-darstellung-der-varianten-im-frontend/43540/1 "2017-02-08T19:14:04Z")

</div>

Hallo,

ich bin gerade dabei einen Shop einzurichtenen, komme soweit auch sehr gut vorran, aber bei einer Thematik komme ich einfach nicht weiter.

Ich habe verschiedene Artikelvarianten angelegt und stelle diese als “Bild” bei den Artikeldetails dar. Leider sind die Beschreibungen der Artikelvarianten etwas länger, so dass ein Teil der Beschreibung abgeschnitten wird. Leider kann ich die Beschreibungen inhaltlich nicht mehr weiter zusammenfassen und möchte die Beschreibung auch gerne so beibehalten. Ich habe in mehren Shops gesehen, dass es wohl auch möglich ist nur 3 Varianten (also 3 Spalten statt 4) pro Zeile anzeigen zu lassen.

Ich verbringe jetzt schon fast 2 Tage damit herauszufinden, wie ich diese Problem lösen kann und komme einfach nicht weiter. Anbei noch ein Bild wie ich das meine - würde es gerne so haben, wie die grüne Markierung. Hat jemand einen Lösungsansatz hierfür?

Vielen Dank und viele Grüße,

Christian

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [9. Februar 2017 um 10:34 UTC](https://forum.shopware.com/t/3-spaltige-darstellung-der-varianten-im-frontend/43540/2 "2017-02-09T10:34:22Z")

</div>

Du müsstest die&nbsp;

```
.configurator--variant .variant--option {width: 31%;}

```

setzen.

Keine Ahnung ob es woanders zu Darstellungsproblemen führt.

---

<div class="post-metadata">

**Author:** ![hldbrnd](https://avatars.discourse-cdn.com/v4/letter/h/8797f3/32.png) [@hldbrnd](https://forum.shopware.com/u/hldbrnd)\
**Post date:** [9. Februar 2017 um 11:55 UTC](https://forum.shopware.com/t/3-spaltige-darstellung-der-varianten-im-frontend/43540/3 "2017-02-09T11:55:19Z")

</div>

Vielen Dank für deine Hilfe.

Dank meinem gefährlichen Halbwissen stelle ich mir jetzt natürlich die Frage, woe ich die Breite korrekt setze.

Vielen Dank,

Christian

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [9. Februar 2017 um 11:57 UTC](https://forum.shopware.com/t/3-spaltige-darstellung-der-varianten-im-frontend/43540/4 "2017-02-09T11:57:18Z")

</div>

Hier ist alles wunderbar dokumentiert: [Getting started with LESS](https://developers.shopware.com/designers-guide/less/)

---

<div class="post-metadata">

**Author:** ![hldbrnd](https://avatars.discourse-cdn.com/v4/letter/h/8797f3/32.png) [@hldbrnd](https://forum.shopware.com/u/hldbrnd)\
**Post date:** [9. Februar 2017 um 15:44 UTC](https://forum.shopware.com/t/3-spaltige-darstellung-der-varianten-im-frontend/43540/5 "2017-02-09T15:44:26Z")

</div>

Vielen Dank noch mal für dein kurzfristiges Feedback.

Hat funktioniert und sieht nun auch so aus, wie ich es mir vorstelle!

&nbsp;