Artikelbezogene CSS-Klassen

Für jeden Artikel können eigene CSS-Klassen hinterlegt werden, um Anpassungen über eigene Stylesheets vornehmen zu können. Diese Einstellung findet sich in den allgemeinen Einstellungen eines Artikels:

Die hinterlegte CSS-Klasse darf keine Sonder- oder Leerzeichen enthalten (werden automatisch ersetzt). Verwendung findet die Klasse im Shop-Frontend in der Warengruppenansicht, Artikeldetailansicht und der Personalisierung des Artikels.

Beispiel für die Verwendung der Klasse in CSS

.fbe_pod input[name=Feldname] {
     position: absolute;
     left: -200px;
     background-color: #ff0000;
}

Artikel in der Artikelübersicht mit einem Icon markieren:

Beispiel für die Verwendung der Klasse in CSS

.square .item-description h2:before {
content: '';
display: inline-block;
width: 25px;
height: 24px;
background: url(/m/s/icon_im_dateimanager.jpg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: 0px 6px;
}