1. Home
  2. Kennisbank
  3. WooCommerce Wholesale Prices
  4. Groothandelsprijzen
  5. Hoe groothandel-subtotalen op productpagina's weer te geven

Hoe groothandel-subtotalen op productpagina's weer te geven

Overzicht

Als u uw WooCommerce winkel wilt verbeteren, is het toevoegen van een groothandel subtotal calculator een slimme zet. Met deze functie kunnen klanten hun totale kosten direct zien. Hierdoor kunnen ze sneller koopbeslissingen nemen. Bovendien bouwt duidelijke prijsstelling vertrouwen op en vermindert het verwarring.

In deze gids leert u hoe u automatische subtotaalberekeningen toevoegt. Specifiek gebruiken we de Wholesale Prices Premium plugin. Tegen het einde heeft u een eenvoudige tool die de groothandel winkelervaring verbetert.

Wat deze functie doet

Een groothandel subtotal calculator werkt prijzen in realtime bij. Wanneer een klant de hoeveelheid verandert, verandert het totaal direct. Hierdoor hoeven kopers de totalen niet zelf te berekenen.

Tegelijkertijd is de functie beperkt tot ingelogde groothandelgebruikers. Daarom zien retailklanten geen groothandelsprijzen. Dit houdt uw prijsstructuur georganiseerd en veilig.

Belangrijkste voordelen

Allereerst zien klanten direct de totalen. Dit bespaart tijd en elimineert giswerk. Bovendien voelt het aankoopproces soepeler aan. Omdat totalen automatisch worden bijgewerkt, vermijden shoppers fouten. Een ander voordeel is een professionelere uitstraling. Duidelijke prijsstelling zorgt ervoor dat uw winkel betrouwbaar aanvoelt. Ten slotte zullen minder klanten contact opnemen met de ondersteuning over prijzen. Hierdoor bespaart u tijd en moeite.

Vereisten

Zorg ervoor dat u het volgende klaar hebt voordat u begint:

  • WordPress geïnstalleerd
  • WooCommerce geactiveerd
  • Wholesale Prices Premium plugin geïnstalleerd en actief
  • Een child theme of een code snippet plugin
  • Basiskennis van WordPress

Het allerbelangrijkste is om een volledige back-up van uw site te maken voordat u code bewerkt. Op die manier kunt u uw site herstellen als er iets misgaat.

Installatiemethoden

U kunt deze functie op twee manieren toevoegen. Beide methoden werken goed, dus kies degene die u verkiest.

Methode 1: Child Theme Functions Bestand

Een optie is om de code toe te voegen aan het functions.php bestand van uw child theme. Veel ontwikkelaars geven de voorkeur aan deze aanpak.

Bewerk echter nooit het parent theme direct. Anders worden uw wijzigingen verwijderd bij toekomstige updates. Gebruik daarom altijd een child theme.

U kunt ook de WP Code plugin gebruiken. Voor de meeste gebruikers is deze methode eenvoudiger en veiliger.

Volg deze stappen om aan de slag te gaan:

  1. Installeer en activeer WP Code.
  2. Ga naar Code Snippets in uw dashboard.
  3. Klik op Add New Snippet.

Daarna bent u klaar om de code te plakken.

Stap 1: Bereid uw site voor

Maak een back-up van uw site voordat u wijzigingen aanbrengt. U kunt uw hostingpaneel of een back-up plugin gebruiken. Als er een probleem optreedt, kunt u uw site snel herstellen.

Controleer vervolgens of de Wholesale Prices Premium plugin actief is. Ga gewoon naar de pagina Plugins in uw dashboard. Bevestig vervolgens dat de plugin als actief wordt weergegeven. Ga pas verder als alles klaar is.

Stap 2: Voeg de code snippet toe

Kopieer nu het volledige codefragment hieronder. Plak het vervolgens in het functions.php-bestand van uw child theme of in een WP Code-snippet.

add_action('woocommerce_before_add_to_cart_form','Show_Total');

function Show_Total(){
    global $wc_wholesale_prices, $product;

    $user_wholesale_role    = $wc_wholesale_prices->wwp_wholesale_roles->getUserWholesaleRole();
    
    if (!empty($user_wholesale_role) && is_product() && WWP_Helper_Functions::wwp_get_product_type($product) === 'simple') {
        $product_id             = $product->get_id();
        $price_arr              = WWP_Wholesale_Prices::get_product_wholesale_price_on_shop_v3( $product_id, $user_wholesale_role );
        $wholesale_price        = $price_arr['wholesale_price'];

        if (isset($wholesale_price) && is_numeric($wholesale_price)) {
            ?>
                <div class="calculate_product_subtotal" data-wholesale_price="<?php echo $wholesale_price ?>">Calculate wholesale price (quantity*wholesale) <span class="calculate_product_subtotal_price"><?php echo WWP_Helper_Functions::wwp_formatted_price($wholesale_price) ?></span></div>
                <script>
                    jQuery(document).ready(function ($) {
                        $('body').on('change', 'input.qty', function(){
                            var $calculate_subtotal_parent  = $(this).parents('.product').find('.calculate_product_subtotal');
                            var $subtotal_price_element     = $calculate_subtotal_parent.find('.calculate_product_subtotal_price');
                            var qty                         = $(this).val();
                            var price                       = $calculate_subtotal_parent.data('wholesale_price');
                            var subtotal                    = qty*price;

                            $subtotal_price_element.html(price_format(subtotal));
                        });

                        function price_format(price) {
                            var formatter = new Intl.NumberFormat('en-US', {
                                style: 'currency',
                                currency: 'USD',
                            });

                            return formatter.format(price);
                        }
                    });
                </script>
            <?php
        }
    }
	
}


Zorg ervoor dat u het hele fragment kopieert. Zelfs een kleine fout kan fouten veroorzaken.

Stap 3: Opslaan en Testen

Nadat u de code hebt toegevoegd, slaat u uw wijzigingen onmiddellijk op. Wis vervolgens de cache van uw website. Dit zorgt ervoor dat de nieuwe functie correct wordt geladen.

Log vervolgens in als een groothandelsklant. Open een willekeurige eenvoudige productpagina. Wijzig het aantal. U zou de subtotaal direct moeten zien bijwerken.

Als het werkt, is de installatie voltooid.

Over het algemeen maakt een groothandels subtotaalcalculator uw winkel gemakkelijker te gebruiken. Klanten zien direct de totalen. Hierdoor kunnen ze met vertrouwen bestellen.

Bovendien is de functie eenvoudig te installeren. Met slechts een paar stappen verbetert u de duidelijkheid en vermindert u prijsvragen.

Samenvattend: maak altijd een back-up van uw site voordat u code bewerkt. Test vervolgens de functie zorgvuldig. Houd ten slotte uw plugins up-to-date om problemen later te voorkomen.

Op de lange termijn kunnen kleine verbeteringen zoals deze leiden tot een hogere klanttevredenheid en meer groothandelsverkopen.

Groothandelskortingen in WooCommerce Winkelwagen & Checkout Blokken

Wholesale Prices Premium (WWPP) ondersteunt ook WooCommerce Winkelwagen en Checkout Blokken.

Ingebouwde Integratie

WWPP bevat ingebouwde ondersteuning voor WooCommerce Blokken via de volgende bestanden:

  • includes/blocks/class-woocommerce-blocks.php
  • includes/blocks/class-cart-checkout-block-integration.php

Deze beheren de integratie met op blokken gebaseerde winkelwagen- en checkoutpagina's.

Automatische Kortingsweergave

Als een groothandelsklant de WooCommerce Blokken winkelwagen of checkout gebruikt, worden de groothandelskortingen automatisch weergegeven.

Dit werkt omdat het wwpp-wholesale-savings blok wordt geregistreerd en geladen door de plugin wanneer nodig.

Geen Installatie Vereist

Er is geen extra installatie vereist.

Zolang:

  • WWPP actief is, en
  • Uw winkel WooCommerce Blokken gebruikt voor winkelwagen en checkout

zullen de groothandelskortingen automatisch verschijnen voor groothandelsgebruikers.

Veelgestelde vragen

Hoe schakel ik groothandels subtotaal in zonder thema bestanden te bewerken?
Installeer eerst de WPCode plugin. Plak vervolgens de verstrekte snippet in een nieuwe invoer. Stel het vervolgens in om op alle pagina's te draaien en op te slaan. Als gevolg hiervan kunt u groothandels subtotaal toevoegen zonder thema bestanden aan te raken, zodat updates uw wijzigingen niet overschrijven.

Worden groothandels subtotaal weergegeven op op blokken gebaseerde WooCommerce pagina's?
Ja, dat doen ze. Wholesale Prices Premium bevat zelfs ingebouwde ondersteuning voor WooCommerce Winkelwagen en Checkout Blokken. Daarom worden groothandelskortingen automatisch weergegeven voor in aanmerking komende gebruikers, zonder extra installatie vereist.

Zien retailbezoekers groothandelsprijzen op productpagina's?
Nee, dat doen ze niet. Standaard verschijnen groothandels subtotaal alleen voor ingelogde groothandelsgebruikers. Als gevolg hiervan zien klanten en gasten nooit groothandelsprijzen, waardoor uw prijsstructuur beschermd blijft.

Kan de subtotal-calculator werken met variabele producten?
Over het algemeen werkt deze het beste met eenvoudige producten. Variabele of gegroepeerde producten vereisen mogelijk echter extra aanpassingen. Test de calculator daarom altijd met een groothandelsaccount om een nauwkeurige weergave van de subtotaal te garanderen.

Waarom wordt het wholesale-subtotaal niet weergegeven na het toevoegen van de code?
Wis eerst de cache van uw website. Bevestig vervolgens dat Wholesale Prices Premium actief is. Log ten slotte in als een wholesale-gebruiker. Anders wordt het subtotaal niet weergegeven, aangezien het alleen verschijnt voor geautoriseerde rollen.

Hulp Nodig?

Als je een vraag hebt of tegen problemen aanloopt, staan we klaar om te helpen.

Was dit artikel nuttig?

Gerelateerde Artikelen

Voltooi uw aankoop