# Artikelvergleich - Tabelle statt - Listenelmente - bzw. anpassbare Höhe für jedes Element

**URL:** <https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737>\
**Category:** Themes & Design\
**Created:** [23. Februar 2016 um 19:33 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737 "2016-02-23T19:33:12Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)\
**Post date:** [23. Februar 2016 um 19:33 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/1 "2016-02-23T19:33:12Z")

</div>

Hi,

wir verwenden das Standart&nbsp;Responsive-Theme SW5.

Wenn wir dort einen Artikelvergleich starten - bekommen wir leider eine völlig unübersichtliche Liste angezeigt.  
Die Listenhöhe wird leider pro Eigenschaft bestimmt. Steht nun in einem value viel Text wird die Zeile gebrochen - das vergleichs Element hat aber vielleicht nur eine Zeile - ab jetzt steht die Vergleichstabelle um eine Zeile höher als die des ersten Vergleichartikels - dies gilt dann für alle folgenden Elemente - dies macht die tolle vergleichsoption unbrauchbar.

Hat hier jemand eine Lösung vielleicht den Vergleich mit Hilfe einer Tabelle darstellen zu lassen?

&nbsp;

LG

Michael

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [24. Februar 2016 um 07:50 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/2 "2016-02-24T07:50:24Z")

</div>

Hallo Michael

Hab das gleiche Problem aber nur in Tab und Mobilansicht. Denke das man das mit less &nbsp;machen kann für die verschiedenen Ansichten. Denke das es am einfachsten ist als die col.tpl &nbsp;anzupassen. Solltest du noch eine bessere Lösung haben kannst du dich melden

VG Zeljko

---

<div class="post-metadata">

**Author:** ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)\
**Post date:** [24. Februar 2016 um 15:47 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/3 "2016-02-24T15:47:53Z")

</div>

ne mitt LESS wird das schwierig - denn LESS weiss ja nicht was im Value steht.  
Generell würde ich hier zu einer Tabelle greifen - da es sich ja auch um eine tabellarische Anzeige handelt - semantik und so.

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [25. Februar 2016 um 08:24 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/4 "2016-02-25T08:24:50Z")

</div>

Mit less ist das problemlos umzusetzen.

less ist ja lediglich eine Präprozessorsprache für css. Und css ist lediglich dazu da, festzulegen wie etwas aussieht.

Semantisch gesehen hast du natürlich recht, dass dies einer der wenigen Fälle ist in denen man eine Tabelle einsetzt.

HTML-\>Seitenstruktur

CSS-\>Aussehen

---

<div class="post-metadata">

**Author:** ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)\
**Post date:** [25. Februar 2016 um 12:15 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/5 "2016-02-25T12:15:54Z")

</div>

sorry - LESS - ist aber trotzdem immer noch CSS - und mit CSS kann ich keinen Quelltext bearbeiten.  
Daher komme ich mit reier LESS Änderung nicht zu dem Ergebnis einer Tabelle.

Dem kannst Du mir doch zustimmen? Oder habe ich nen Brett vorm Kopf und merke es grade nicht?  
&nbsp;

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [25. Februar 2016 um 12:30 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/6 "2016-02-25T12:30:57Z")

</div>

Klar hast du recht. Und an diese Stelle gehört ja auch eigentlich eine Tabelle.

Ich meinte das Zeilenhöhen-Problem wird wohl auch nur mit less zu lösen sein.

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [25. Februar 2016 um 15:33 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/7 "2016-02-25T15:33:45Z")

</div>

Eine Verständnisfrage, es geht doch um Vergleich. Was trägst du den alles ein das du soviel Platz brauchst?

Wenn du mit min und max-height in Less arbeitest müsste es reichen, geht doch nur um den Langtext ich habe z.b nur die Schriftgröße in der Tabansicht geändert und soweit auch ausreichend.&nbsp;

Mal sehen ob es bessere Vorschläge und andere Lösungen gibt.

---

<div class="post-metadata">

**Author:** ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)\
**Post date:** [25. Februar 2016 um 17:26 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/8 "2016-02-25T17:26:26Z")

</div>

zum Beispiel eine Eigenschaft:

Aufstellort:

- Wohnzimmer
- Schlafzimmer
- Wintergarten
- Garage

mit max-height oder min-height komme ich da nicht weiter - da ja für den einen Artikel alle Eigenschaften zutreffen könnten und für den anderen Artikel nur eine Eigenschaft zutreffen kann.  
Wenn dies der Fall wäre, zerschießt es schon das komplette Overlay-Design.

Ich denke, dass hier ein Javascript die einfachste und schnellste Option wäre.  
Das Skript muss prüfen ob mehr als eine Zeile befüllt ist und wenn dies der Fall ist, die Höhe der anderen vergleichs Artikel entsprechend anpassen.

Nur leider scheitert es an der Umsetzung, da ich ewigkeiten nicht mehr programmiert habe.

Wobei ich aber generell eine Tabelle für übersichtlicher halte.

&nbsp;

LG

Michael  
&nbsp;

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [26. Februar 2016 um 08:15 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/9 "2016-02-26T08:15:04Z")

</div>

Ich glaube du hast da ein Problem welches im Standard so gar nicht existiert und das mittels Plug-In oder eigenen Anpassungen erst entstanden ist.

Vergleiche doch mal im Demoshop

[http://www.shopwaredemo.de/morning-glory-42](http://www.shopwaredemo.de/morning-glory-42)

mit

[http://www.shopwaredemo.de/griffin-pro-lady-s-29](http://www.shopwaredemo.de/griffin-pro-lady-s-29)

Es handelt sich dabei um Handschuhe und um ein Board - die Eigenschaften sind also niemals gleich.

Ich kann da kein Problem bei der Darstellung erkennen!

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [26. Februar 2016 um 08:22 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/10 "2016-02-26T08:22:40Z")

</div>

Hallo Michael

Hab noch eine andere Variante probiert, geht aber nicht. Leider muss ich passen, so gut bin ich dann noch nicht.&nbsp;

Viel Erfolg

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)\
**Post date:** [14. März 2016 um 13:09 UTC](https://forum.shopware.com/t/artikelvergleich-tabelle-statt-listenelmente-bzw-anpassbare-hohe-fur-jedes-element/34737/11 "2016-03-14T13:09:59Z")

</div>

Ja - leider habe ich bisher hier keine Lösung finden können.

Hat vielleicht noch jemand eine Idee?&nbsp;
