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:
Image Added
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.
Info |
---|
icon | false |
---|
title | 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:
Image Added
Info |
---|
icon | false |
---|
title | 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.