Wenn Großhandelskunden Ihren Shop besuchen, sehen sie den regulären Einzelhandelspreis neben ihrem rabattierten Großhandelspreis angezeigt. Standardmäßig erscheint dieser Einzelhandelspreis durchgestrichen und ohne zusätzlichen Kontext, sodass für Ihre Käufer möglicherweise nicht sofort ersichtlich ist, ob er den vom Hersteller empfohlenen Verkaufspreis (UVP) oder den Mindestwerbepreis (MAP) darstellt.
Der Codeausschnitt in dieser Anleitung fügt Ihrem Shop nur dann einen kleinen CSS-Block hinzu, wenn ein Großhandelskunde angemeldet ist. Er fügt eine Textbeschriftung, wie z. B. „UVP: “ oder „MAP: “, direkt vor dem durchgestrichenen regulären Preis ein und entfernt optional die Durchstreichung, sodass die Beschriftung sauber als Referenzpreis angezeigt wird. Einzelhandelsbesucher und Gastkäufer sind davon überhaupt nicht betroffen.
Voraussetzungen
- WooCommerce Wholesale Prices Premium installiert und aktiviert.
- Mindestens eine Großhandelsrolle in Ihrem Shop konfiguriert. Die Beschriftung wird nur für angemeldete Großhandelskunden angezeigt. Wenn einem Benutzer keine Großhandelsrolle zugewiesen ist, wird die CSS nie eingefügt.
- Eine Möglichkeit, benutzerdefinierten PHP-Code zu Ihrer Website hinzuzufügen, entweder die
functions.php-Datei Ihres Themes oder ein spezielles Code-Snippets-Plugin wie WPCode. Die Verwendung eines Snippets-Plugins wird empfohlen, damit Ihre Anpassung Theme-Updates übersteht.
Fügen Sie dem regulären Preis die UVP- oder MAP-Beschriftung hinzu
Kopieren Sie den folgenden Ausschnitt und fügen Sie ihn über die functions.php-Datei Ihres Themes oder über das WPCode-Plugin zu Ihrer Website hinzu.
Wie der Ausschnitt funktioniert
Wenn WordPress eine Seite lädt, prüft der Ausschnitt, ob dem aktuellen Besucher eine Großhandelsrolle zugewiesen ist. Die Rollenprüfung gibt ein Array der Schlüssel der Großhandelsrollen des Besuchers zurück, und ein leeres Array bedeutet, dass der Besucher kein Großhandelskunde ist. Wenn Sie den Ausschnitt anpassen, behandeln Sie ein leeres Array als „kein Großhandel“ und geben Sie die CSS nur aus, wenn das Array nicht leer ist. Wenn eine Großhandelsrolle vorhanden ist, gibt der Ausschnitt einen kleinen Block Inline-CSS aus, der zwei Dinge tut:
- Fügt den Beschriftungstext hinzu. Die Regel
del .amount::before { content: "MSRP: "; }fügt „MSRP: “ unmittelbar vor dem Preisbetrag innerhalb des durchgestrichenen Elements des regulären Preises ein. WooCommerce Wholesale Prices Premium umschließt den regulären Einzelhandelspreis mit einem durchgestrichenen Element, wenn er neben dem Großhandelspreis angezeigt wird, sodass dies genau das richtige Element anspricht. - Entfernt die Durchstreichung. Die Regel
del.original-computed-price { text-decoration: none; }entfernt die standardmäßige Durchstreichungsformatierung. Der reguläre Preis wird dann sauber als „MSRP: 55,00 €“ angezeigt, anstatt durchgestrichen zu erscheinen.
Passen Sie den Beschriftungstext an
Um eine andere Beschriftung zu verwenden, ändern Sie den Text in content: "MSRP: "; in das, was Sie benötigen, z. B. content: "MAP: "; oder content: "RRP: ";. Behalten Sie das nachgestellte Leerzeichen in den Anführungszeichen bei, damit die Beschriftung und der Preisbetrag nicht zusammenlaufen.
Behalten Sie die Durchstreichung bei (optional)
Wenn Sie die Beschriftung wünschen, aber den durchgestrichenen Preis beibehalten möchten, entfernen Sie die Regel del.original-computed-price aus dem Snippet. Der Preis wird als durchgestrichener Text mit Ihrer Beschriftung vorangestellt angezeigt, z. B. UVP: 100,00 € mit einem Strich durch.
Fehlerbehebung
Die Beschriftung wird nicht angezeigt
Wenn Sie das Snippet hinzugefügt haben, die Beschriftung aber nicht erscheint, gehen Sie diese Prüfungen der Reihe nach durch:
- Bestätigen Sie, dass Sie den Shop durchsuchen, während Sie als Benutzer angemeldet sind, dem eine Großhandelsrolle zugewiesen ist. Die CSS wird nur für Großhandelskunden eingefügt, daher werden Administratoren und Einzelhandelskunden die Beschriftung nicht sehen.
- Bestätigen Sie, dass WooCommerce Wholesale Prices Premium installiert und aktiviert ist.
- Überprüfen Sie, ob das Snippet gespeichert wurde und in Ihrem Code-Snippet-Plugin aktiv ist, oder ob es zur richtigen
functions.php-Datei hinzugefügt wurde (die Datei Ihres aktiven Themes, nicht die eines übergeordneten Themes). - Leeren Sie den Seiten-Cache oder Objekt-Cache auf Ihrer Website und laden Sie die Produktseite neu.
- Untersuchen Sie den Seitenquelltext und suchen Sie nach dem eingefügten
<style>-Block. Wenn er nicht vorhanden ist, gibt PHP ihn nicht aus, also überprüfen Sie die Schritte 1 bis 3 erneut. Wenn er vorhanden ist, die Beschriftung aber immer noch nicht erscheint, überschreibt möglicherweise ein Theme oder Plugin das CSS. Überprüfen Sie die Entwicklertools Ihres Browsers auf widersprüchliche Regeln.
Häufig gestellte Fragen
Kann ich „MAP: “ anstelle von „UVP: “ verwenden?
Ja. Suchen Sie im Snippet die Zeile content: "MSRP: "; und ersetzen Sie MSRP durch einen beliebigen Text, den Sie mögen, wie z. B. MAP, RRP, List Price usw. Die einzige Anforderung ist, dass der Wert eine gültige CSS-content-Zeichenfolge in doppelten Anführungszeichen bleibt.
Wo erscheint die Beschriftung im Frontend?
Das CSS wird global eingefügt, wenn ein Großhandelskunde angemeldet ist. Daher erscheint die Beschriftung überall dort, wo WooCommerce Wholesale Prices Premium den regulären Preis in einem durchgestrichenen Element rendert. Dies umfasst einzelne Produktseiten, Shop- und Archivseiten von Kategorien sowie Warenkorb- und Checkout-Seiten.
Sehen Einzelhandelskunden oder Gastbesucher die Beschriftung?
Nein. Das Snippet prüft auf eine Großhandelsrolle, bevor es CSS ausgibt. Wenn der aktuelle Besucher nicht als Großhandelskunde angemeldet ist, werden keine Stile eingefügt und das Frontend bleibt für ihn unverändert.
Funktioniert das Snippet bei Variantenprodukten?
Ja. Das CSS zielt auf das durchgestrichene Element ab, das WooCommerce Wholesale Prices Premium zur Anzeige des regulären Preises verwendet, welches bei einfachen, Varianten- und Gruppenprodukten dasselbe Element ist. Die Beschriftung erscheint bei allen unterstützten Produkttypen.
Was ist der Unterschied zwischen diesem Snippet und der Einstellung „Suffix für regulären Preis überschreiben“?
WooCommerce Wholesale Prices wird mit einem integrierten Feld Override Regular Price Suffix unter Wholesale → Settings → Wholesale Prices → Tax ausgeliefert. Dieses Feld ist im kostenlosen Plugin verfügbar, sodass Sie die Premium-Version nicht verwenden müssen, um es zu nutzen. Wenn Sie dort einen Wert eingeben, wird Text nach dem regulären Preis angehängt, z. B. 100,00 $ UVP. Der CSS-Snippet in dieser Anleitung stellt die Beschriftung stattdessen vor den Preisbetrag und kann auch die Durchstreichungsformatierung entfernen, was eine sauberere Darstellung ergibt. Verwenden Sie die integrierte Einstellung, wenn ein einfacher Suffix ausreicht. Verwenden Sie den Snippet, wenn die Beschriftung vor dem Preis erscheinen soll oder Sie die Durchstreichung unterdrücken möchten.
Kann ich dem Großhandelspreis auch eine Beschriftung hinzufügen?
Ja. Das Feld Wholesale Price Suffix, das sich direkt unter Override Regular Price Suffix unter Wholesale → Settings → Wholesale Prices → Tax befindet, ermöglicht es Ihnen, Text nach dem Großhandelspreis anzuhängen. Wenn Sie beispielsweise Ihr Preis eingeben, wird der Großhandelspreis als 60,00 $ Ihr Preis angezeigt. Diese integrierte Einstellung gilt global für alle Produkte und Großhandelsrollen.
Beeinflusst die Beschriftung Preisberechnungen oder Steuern?
Nein. Der Snippet injiziert nur CSS für die Darstellung. Er ändert keine Preiswerte, Steuerberechnungen oder Bestellsummen. Es handelt sich rein um eine visuelle Änderung.
Hilfe & Support
Wir haben ein engagiertes Support-Team für Wholesale Suite, das unsere Produkte, WooCommerce und die Branche sehr gut kennt. Sie können seine Expertise jederzeit und weltweit nutzen.
Wenn Sie bereits Kunde sind, gehen Sie bitte zum Support-Ticket-Anfrageformular und senden Sie uns eine Nachricht.
Wenn Sie ein kostenloser Plugin-Benutzer sind, senden Sie uns bitte eine Supportanfrage im Forum. Wir überwachen aktiv die Supportforen von WordPress.org für das kostenlose Plugin und helfen unseren Benutzern dort so gut wir können.
