Wanneer groothandelsklanten uw winkel bekijken, zien ze de reguliere verkoopprijs weergegeven naast hun verdisconteerde groothandelsprijs. Standaard wordt dat verkoopprijsfiguur weergegeven met een doorhaling en zonder aanvullende context, dus het is misschien niet direct duidelijk voor uw kopers of het uw adviesprijs van de fabrikant (MSRP) of de minimum geadverteerde prijs (MAP) vertegenwoordigt.
Het codefragment in deze handleiding injecteert een klein blok CSS in uw winkel, alleen wanneer een groothandelsklant is ingelogd. Het voegt een tekstlabel toe, zoals "MSRP: " of "MAP: ", direct vóór de doorgestreepte reguliere prijs, en verwijdert optioneel de doorhaling zodat het label schoon leest als referentieprijs. Bezoekers en gastkopers worden volledig onaangetast.
Vereisten
- WooCommerce Wholesale Prices Premium geïnstalleerd en geactiveerd.
- Minstens één groothandelsrol geconfigureerd in uw winkel. Het label verschijnt alleen voor ingelogde groothandelsklanten. Als er geen groothandelsrol is toegewezen aan een gebruiker, wordt de CSS nooit geïnjecteerd.
- Een manier om aangepaste PHP-code toe te voegen aan uw site, hetzij het
functions.php-bestand van uw thema of een speciale plugin voor codefragmenten zoals WPCode. Het gebruik van een fragmentenplugin wordt aanbevolen, zodat uw aanpassing thema-updates overleeft.
Voeg het MSRP- of MAP-label toe aan de reguliere prijs
Kopieer het onderstaande fragment en voeg het toe aan uw site via het functions.php-bestand van uw thema of via de WPCode-plugin.
Hoe het fragment werkt
Wanneer WordPress een pagina laadt, controleert het fragment of de huidige bezoeker een toegewezen groothandelsrol heeft. De rolcontrole retourneert een array van de groothandelsrolsleutels van de bezoeker, en een lege array betekent dat de bezoeker geen groothandelsklant is. Dus als u het fragment aanpast, behandel een lege array als "geen groothandel" en voer de CSS alleen uit wanneer de array niet leeg is. Wanneer een groothandelsrol aanwezig is, geeft het fragment een klein blok inline CSS weer dat twee dingen doet:
- Voegt de labeltekst toe. De regel
del .amount::before { content: "MSRP: "; }voegt "MSRP: " direct vóór het prijspunt in het doorgestreepte reguliere prijspunt-element. WooCommerce Wholesale Prices Premium wikkelt de reguliere verkoopprijs in een doorgestreepte element wanneer deze naast de groothandelsprijs wordt weergegeven, dus dit richt zich precies op het juiste element. - Verwijdert de doorhaling. De regel
del.original-computed-price { text-decoration: none; }verwijdert de standaard doorstreepstyling. De reguliere prijs leest dan schoon als "MSRP: $55.00" in plaats van doorgestreept te verschijnen.
Pas de labeltekst aan
Om een ander label te gebruiken, wijzigt u de tekst binnen content: "MSRP: "; naar wat u nodig heeft, bijvoorbeeld content: "MAP: "; of content: "RRP: ";. Houd de afsluitende spatie binnen de aanhalingstekens, zodat het label en het prijspunt niet in elkaar overlopen.
Behoud de doorhaling (optioneel)
Als je het label wilt, maar de doorgestreepte tekst op de normale prijs wilt behouden, verwijder dan de del.original-computed-price regel uit het codefragment. De prijs wordt weergegeven als doorgestreepte tekst met je label ervoor, bijvoorbeeld, adviesprijs: $100,00 met een streep erdoor.
Probleemoplossing
Het label wordt niet weergegeven
Als je het codefragment hebt toegevoegd, maar het label verschijnt niet, doorloop dan deze stappen in volgorde:
- Bevestig dat je door de winkel bladert terwijl je bent ingelogd als een gebruiker met een groothandelsrol. De CSS wordt alleen geïnjecteerd voor groothandelsklanten, dus beheerders en detailhandelklanten zullen het label niet zien.
- Bevestig dat WooCommerce Wholesale Prices Premium is geïnstalleerd en geactiveerd.
- Controleer of het codefragment is opgeslagen en actief is in je codefragmenten-plugin, of dat het is toegevoegd aan het juiste
functions.php-bestand (het bestand van je actieve thema, niet van een bovenliggend thema). - Wis eventuele paginacaching of objectcaching op je site en laad de productpagina opnieuw.
- Inspecteer de paginabron en zoek naar het geïnjecteerde
<style>-blok. Als het er niet is, geeft PHP het niet weer, dus ga terug naar stap 1 tot 3. Als het er wel is, maar het label verschijnt nog steeds niet, dan kan een thema of plugin de CSS overschrijven. Controleer de ontwikkelaarstools van je browser op conflicterende regels.
Veelgestelde vragen
Kan ik "MAP: " gebruiken in plaats van "MSRP: "?
Ja. Zoek in het codefragment de regel content: "MSRP: "; en vervang MSRP door elke tekst die je wilt, zoals MAP, RRP, List Price, enzovoort. De enige vereiste is dat de waarde een geldige CSS content-string blijft, ingesloten in dubbele aanhalingstekens.
Waar verschijnt het label in de winkel?
De CSS wordt globaal geïnjecteerd wanneer een groothandelsklant is ingelogd, dus het label verschijnt overal waar WooCommerce Wholesale Prices Premium de normale prijs weergeeft binnen een doorgestreepte element. Dit omvat individuele productpagina's, winkel- en categorie-archiefpagina's, en de winkelwagen- en afrekenpagina's.
Zullen detailhandelklanten of gastbezoekers het label zien?
Nee. Het codefragment controleert op een groothandelsrol voordat er CSS wordt uitgevoerd. Als de huidige bezoeker niet is ingelogd als groothandelsklant, worden er geen stijlen geïnjecteerd en blijft de winkel voor hen ongewijzigd.
Werkt het codefragment op variabele producten?
Ja. De CSS richt zich op het doorgestreepte element dat WooCommerce Wholesale Prices Premium gebruikt om de normale prijs weer te geven, wat hetzelfde element is voor eenvoudige, variabele en gegroepeerde producten. Het label verschijnt op alle ondersteunde producttypen.
Wat is het verschil tussen dit codefragment en de instelling "Override Regular Price Suffix"?
WooCommerce Wholesale Prices wordt geleverd met een ingebouwd veld Override Regular Price Suffix onder Wholesale → Instellingen → Wholesale Prices → Tax. Dit veld is beschikbaar in de gratis plugin, dus je hebt de Premium-versie niet nodig om het te gebruiken. Het invoeren van een waarde voegt tekst toe na de reguliere prijs, bijvoorbeeld $100,00 MSRP. Het CSS-fragment in deze handleiding plaatst het label voor het prijsbedrag en kan ook de doorgestreepte opmaak verwijderen, wat zorgt voor een nettere presentatie. Gebruik de ingebouwde instelling wanneer een eenvoudige suffix voldoende is. Gebruik het fragment wanneer je wilt dat het label vóór de prijs verschijnt of de doorgestreepte tekst wilt onderdrukken.
Kan ik ook een label toevoegen aan de wholesale prijs zelf?
Ja. Het veld Wholesale Price Suffix, dat zich direct onder Override Regular Price Suffix bevindt onder Wholesale → Instellingen → Wholesale Prices → Tax, laat je tekst toevoegen na de wholesale prijs. Als je bijvoorbeeld Jouw Prijs invoert, wordt de wholesale prijs weergegeven als $60,00 Jouw Prijs. Deze ingebouwde instelling is wereldwijd van toepassing op alle producten en wholesale rollen.
Heeft het label invloed op prijsberekeningen of belastingen?
Nee. Het fragment injecteert alleen presentatie-CSS. Het wijzigt geen prijswaarden, belastingberekeningen of totaaltellingen van bestellingen. Het is puur een visuele wijziging.
Help & ondersteuning
We hebben een toegewijd ondersteuningsteam voor Wholesale Suite dat onze producten, WooCommerce en de branche zeer goed kent. U bent welkom om hun expertise op elk moment, wereldwijd, te benutten.
Als u een bestaande klant bent, ga dan naar het ondersteuningsticket aanvraagformulier en stuur ons een bericht.
Als u een gratis plugin gebruiker bent, stuur ons dan een ondersteuningsverzoek op het forum. We houden de supportforums van WordPress.org voor de gratis plugin actief in de gaten en helpen onze gebruikers daar zo goed mogelijk.
