Suche


Symbole Produktverfügbarkeit

Die Verfügbarkeit von Produkten wird auf verschiedenen Seiten durch Symbole dargestellt. Als Standard sind definiert:

Produkt ist auf Lager: grüner Haken
Liefertermin bekannt: weisses Fragezeichen auf blaugrauem Feld
Liefertermin unbekannt: weisses Fragezeichen auf rotem Feld

Hinweise zu den Einstellungen für die Produktverfügbarkeit


Die Verfügbarkeit wird auf folgenden Seiten angezeigt:

Produktübersicht (Listenansicht)


Produktübersicht (Gridansicht)


Produkt-Detailseite


Warenkorbanzeige

Einkaufsliste

Ändern der Symbole für die Verfügbarkeitsanzeige

Die Symbole lassen sich durch beliebige andere Symbole aus der FontAwesome-Bibliothek ersetzen. Dazu muss in den CSS-Definitionen ein entsprechender Eintrag gesetzt werden. In diesem Beispiel wird auf der Produkt-Detailseite das Symbol für "Artikel ist lieferbar, Lieferzeit 1 Tag" durch einen grünen Haken in einem Kasten ersetzt:

     .media-availability.availability-code-1d .glyphicon-question-sign::before {
    content: "\f14a";
    font-family: FontAwesome;
    color: #00cc00;
    font-size: 26px;
}

Die Anzeige sieht dann so aus:

Eine vollständige Liste aller Symbole in der FontAwesome-Bibliothek befindet sich hier:

FontAwesome Cheatsheet


Hinweis

Fragen Sie Ihren Kundenbetreuer, falls Sie diese Korrekturen über Proseller umsetzen lassen wollen. Die Ersetzung der Symbole mittels CSS-Definitionen ist umfangreich und erfordert entsprechendes Fachwissen.