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