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;
}

Sobald im Artikel die Klasse "square" hinterlegt wird, wird dieser mit einem Icon vor dem Artikelnamen markiert.