Bilder in Artikel-Beschreibung sind untereinander

Shopware 5 Themes & Design
1

Hallo Programmer, habe gerade auf WS 5 das update gemacht und nutze nun das Resposive Template. Habe schon ein eigenes Theme angelegt um das Theme noch anzupassen. Folgendes Problem: Ich habe in der Long-description auch viele Bilder (Symbole von Artikeleigenschaften, die eigentlich nebeneinander gezeigt werden sollen. Beispiel Dummerweise werden Bilder hier jedoch mit display: block; , also untereinander angezeigt. Schätz ich bräuchte hier ein display: inline? Habe mir auch diverse docs zu less angesehen, bekomme es aber nicht gebacken. Muss wohl in das less modul detail.less und dieses in der all.less includen. Die Änderung muss ja eigentlich nur in .procuct–description Aber was genau muss da rein? Danke für Eure Hilfe

2
3
4

Ich habe das Problem an vielen Stellen, eigentlich überall, wo ich images aus dem Medienmanager übernehme. Kann ich das nicht über den Editor anpassen?

5

hi, ist schon ewig her und ich bin mir nicht sicher ob ich es richtig verstanden habe aber eine links-rechts teilung mit text und bild und das responsive macht man mit float… siehe unten. viele grüsse

HTML:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

STYLE:

div.custom--textbild {
display:block;
}
div.custom--textbild:after {
content:'';display:block;clear:both;
}
div.custom--textbild div.text {
display:block;float:left;width:48.75%;
}
div.custom--textbild div.bild {
display:block;float:right;width:48.75%;
}
div.custom--textbild div.bild img {
display:block;max-width:100%;height:auto;
}
@media only screen and (max-width:700px) {
	div.custom--textbild div.text {
	float:none;width:100%;
	}
	div.custom--textbild div.bild {
	float:none;width:100%;
	}
}