Antwort #14 am: 18. September 2012, 12:14:52
Der letzte Beitrag von DirkK bezog sich zwar nicht auf die Ausgangsfragestellung, hat mich dann aber auf die richtige Spur zur Lösung gebracht. Es geht um die Bilder im Text der
Artikeldetailbeschreibung (Langbeschreibung).
Hier ist meine Lösung, die ich nach langem Tüfteln gefunden habe:
1.Schritt
In der im Shop bzw. für den Artikel verwendeten Produktvorlage für product_info
z. B. /templates/xtc5/module/product_info/product_info_v1.html
die Zeile, wo der Text für die Detailbeschreibung eingesetzt wird
{if $PRODUCTS_DESCRIPTION !=''}<div>{$PRODUCTS_DESCRIPTION}</div>{/if}
ändern in
{if $PRODUCTS_DESCRIPTION !=''}<div class="bilderabstand">{$PRODUCTS_DESCRIPTION}</div>{/if}
Die Bezeichnung für class kann frei gewählt werden, muß nur eindeutig sein.
2. Schritt
In die stylesheet.css
z. B. /templates/xtc5/stylesheet.css
die Definition für die neue class am Ende einfügen
.bilderabstand img {
border:#999 1px solid;
margin-right:10px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
}
Das bewirkt, daß der Abstand zwischen Bild und Text an allen Seiten des Bildes 10px beträgt. Die Werte für margin können je nach Bedarf angegeben werden. border - bewirkt einen feinen Rahmen um das Bild, kann man auch weglassen, hat mit dem Abstand nichts zu tun.
Die Lösung ergibt einen globalen Abstand für alle Bilder. Das sieht schon mal vernünftiger aus als der angeklebte Look.