Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

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
iconfalse
titleBeispiel 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
iconfalse
titleBeispiel 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.