Forum
04.09.2014, 12:10

Anzeige des Bestandes bzw."mehr als X verfügbar" im Suchergebnis

Sehr geehrte POWERGAP Kunden,

es ist jetzt möglich den exakten Bestand oder aber einen bestimmten Mindestbestand im Suchergebnis anzuzeigen.
Gemeint ist hier das grüne Icon mit z.B. "3" oder ">12" rechts unten neben dem Artikelbild:



Hier ist es so eingestellt, dass bei einem Bestand von mehr als 12 ">12", bei unter 12 z.B. "3" und wenn ausverkauft "nichts" angezeigt wird.
Dies soll dem Kunden direkt mitteilen, wie viele Artikel noch verfügbar sind.

Einstellen kann man dies wie folgt:

"Layout" > "Suchergebnis" > "Suchergebnis Template". Wenn ab einem Bestand von "13" das ">12" angezeigt werden, soll muss der HTML-Code wie folgt aussehen:

#Bestand_Anfang_minanz_12#<div class=se-minanz title="Noch #minanz verfügbar!">#minanz</div>#Bestand_Ende_minanz_12#



    [li]Ist kein Bestand gebucht oder der Bestand gleich "0", wird das Icon nicht angezeigt.[/li]
    [li]Ist ein Bestand gebucht und der verfügbare Gesamtbestand ist unter "13" wird die exakt verfügbare Anzahl angezeigt. Das "#minanz" wird ersetzt.[/li]
    [li]Ist ein Bestand gebucht und der Bestand größer als der Mindestbestand (hier: 12), dann wird vor den Bestand ein ">" gesetzt. Damit soll angezeigt werden, dass mehr als "12" verfügbar sind. Den hier genannten Mindestbestand bitte nicht mit dem gebuchten Mindestbestand im Shop verwechseln. In dieser Funktion ist der Bestand über die beiden Zahl zu Beginn und Ende in dem o.a. Code definiert, hier also "12".[/li]


Um diese Grafik im Suchergebnis zu positionieren muss das CSS über "Layout" > "Schriften / CSS" > "ALL (ROOT)" eingefügt werden:

.se-minanz {
font-family: Arial, Helvetica;font-size: 11px;
font-weight:bold;
color: #fff;
background: url(https://cdn.powergap.de/se_minanz1.png) no-repeat;
width:40px;
height:27px;
line-height:27px;
text-align:center;
padding-left:4px;
hidden:overflow;position:absolute;
margin:-218px 0 0 125px !important;
margin:-218px 0 0 42px;
}


Das CSS muss natürlich je nach gewünschter Darstellung angepasst werden. Das o.a. CSS ist bei o.a. Beispiel verwendet worden.


Forum-Archiv

Alle Beiträge aus:

2026, 2025, 2024, 2023, 2022, 2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002,