wpShopGermany – Grafische Anzeige des Lagerbestands

Leider gibt es in wpShopGermany keine grafische Anzeige des Lagerbestandes. Das sollte in einem Online Shop für WordPress eigentlich Standard sein. Mit etwas Geduld können wir uns das aber selbst basteln. Grundkenntnisse in HTML, CSS und PHP sind hier allerdings Voraussetzung. Das ist keine Modifikation für Anfänger.

Wir wollen aber nicht nur eine Ampel als Anzeige. Zusätzlich möchten wir auch in einem Tooltip die Restmenge angeben, wenn bestimmte Limits unterschritten werden. Sind genügend Artikel auf Lager, geben wir die exakte Menge nicht aus. 

Screenshot Lagerbestand

Wir müssen das Produkttemplate (standard.phtml) ändern und schreiben folgenden Code an die Stelle, wo wir den Lagerbestand ausgeben wollen.

<div><?php $stock=$this->data["mod_stock"]; 
if ($stock >=6) { echo __("<a class='tooltip' href='#'><img alt='
Anzeige Lagerbestand' class='noborder' src='/images/stock1.gif' /><span
class='stock1'><img src='/images/Info.png' alt='Info' height='48' width='48' />
<em>Auf Lager</em>Von diesem Produkt sind mehr als 6 Stück auf Lager.</span>
</a>", "wpsg"); }
elseif ($stock >=4) { echo __("<a class='tooltip' href='#'><img
alt='Anzeige Lagerbestand' class='noborder' src='/images/stock2.gif' /><span
class='stock2'><img src='/images/Warning.png' alt='Warning' height='48' width='48'
/><em>Geringer Lagerbestand</em>Von diesem Produkt sind nur noch 4-6 Stück
auf Lager.</span></a>", "wpsg"); }
elseif ($stock >=1) { echo __("<a class='tooltip' href='#'><img
alt='Anzeige Lagerbestand' class='noborder' src='/images/stock3.gif' /><span
class='stock2'><img src='/images/Warning.png' alt='Warning' height='48' width='48'
/><em>Sehr geringer Lagerbestand</em>Von diesem Produkt sind nur noch 1-3
Stück auf Lager.</span></a>", "wpsg"); }
else { echo __("<a class='tooltip' href='#'><img
alt='Anzeige Lagerbestand' class='noborder' src='/images/stock4.gif' /><span
class='stock2'><img src='/images/Critical.png' alt='Critical' height='48' width='48' />
<em>Nicht auf Lager</em>Dieses Produkt ist zur Zeit nicht auf Lager. Bitte
schreiben Sie uns, wenn Sie benachrichtigt werden möchten, sobald es wieder
verfügbar ist</span></a>", "wpsg"); }
?></div>

Die Grafiken und das CSS kann natürlich jeder nach Belieben ändern. Ebenso können weitere elseif eingefügt werden, um die Ausgabe noch genauer zu gestalten. Diese Mod ist gettext-ready, so dass sie auch für multilinguale Shops funktioniert. Der Tooltip erscheint, wenn die Maus über die Ampel fährt.

Schreibe einen Kommentar