Neu JTL shop artikelbeschreibung: tabellenbreite automatisch anpassen

[dekohdie]

ein liebes hallo,

nachdem ich jetzt schon stundenlang und recherchiert und leider keine passende antwort gefunden habe, hoffe ich, dass vielleicht ein schlauer mensch im forum eine zündende idee zu meinem problem hat.
mit schrecken ist uns gestern aufgefallen, dass die tabelle, die wir in sämtlichen artikelbeschreibungen verbaut haben, in der smartphoneansicht abgeschnitten dargestellt wird und auch nicht zu überreden ist, sich in gänze anzeigen zu lassen.

fällt jemandem eine lösung ein, wie man der tabelle eine automatische anpassung an die bildschirmbreite überhelfen kann?
ich verfüge leider über keinerlei programmierkenntnisse... vielleicht gibt es aber dennoch eine lösung dafür, die es uns erspart, hunderte von artikel händisch umzuschreiben. 🥺

viele müde grüße und dankeschön fürs lesen....

 

[css-umsetzung]

Es ist einfacher einen Artikel den es betrifft online zu zeigen, dann kann man dir sagen ob es Lösungen gibt ohne in den Quellcode einzugreifen.

 

[dekohdie]

Es ist einfacher einen Artikel den es betrifft online zu zeigen, dann kann man dir sagen ob es Lösungen gibt ohne in den Quellcode einzugreifen.

danke für diesen hinweis. https://shop.matzundmurkel.de/PWO-Kurzarmshirt-mit-Bluetenranken-Muster-Puffaermeln-weiss-Gr-104-140

 

[dekohdie]

danke für diesen hinweis. https://shop.matzundmurkel.de/PWO-Kurzarmshirt-mit-Bluetenranken-Muster-Puffaermeln-weiss-Gr-104-140

sorry, der wurde schon geändert. hier das richtige beispiel: https://shop.matzundmurkel.de/PWO-Langarmbody-mit-Streifen-Muster-Knopfleiste-Gr-50-104

 

[css-umsetzung]

Also man könnte da schon etwas zaubern wenn das in allen Beschreibungen annähernd gleich ist und du nicht noch andere Datentabellen hast die horizontal ausgerichtet sein müssen.

Mit diesem css Schnipsel würde das ab 991px anders formatiert sein, das kann man natürlich noch Ausschmücken und die erste Spalte anders behandeln aber das ist dann individuell zu betrachten, ob man das braucht oder nicht.
Schöner wäre es natürlich wenn da keine Tabelle oder ein container drumherum wäre aber so sollte das erst einmal gehen.

@media(max-width:991.88px) {
.desc table {
  display: block;
  width: auto !important;
}

.desc table tr,
.desc table td {
  display:block;
}

}

 

[dekohdie]

ganz herzlichen dank für den hinweis. ich werde versuchen, deinen tipp mit hilfe umzusetzen und gebe dir nochmal rückmeldung. derweil beste grüße!! kathi