Comment afficher les sous-totaux de gros sur les pages produit

Vue d'ensemble

Si vous souhaitez améliorer votre boutique WooCommerce, l'ajout d'un calculateur de sous-total de gros est une excellente idée. Avec cette fonctionnalité, les clients peuvent voir leur coût total immédiatement. Par conséquent, ils peuvent prendre des décisions d'achat plus rapides. De plus, une tarification claire renforce la confiance et réduit la confusion.

Dans ce guide, vous apprendrez comment ajouter des calculs automatiques de sous-total. Plus précisément, nous utiliserons le plugin Wholesale Prices Premium. À la fin, vous disposerez d'un outil simple qui améliorera l'expérience d'achat en gros.

Ce que fait cette fonctionnalité

Un calculateur de sous-total de gros met à jour les prix en temps réel. Lorsque le client modifie la quantité, le total change instantanément. Pour cette raison, les acheteurs n'ont pas besoin de calculer les totaux eux-mêmes.

Dans le même temps, la fonctionnalité est limitée aux utilisateurs de gros connectés. Par conséquent, les clients de détail ne verront pas les prix de gros. Cela maintient votre structure de prix organisée et sécurisée.

Avantages clés

Tout d'abord, les clients voient les totaux immédiatement. Cela permet de gagner du temps et d'éliminer les conjectures. De plus, le processus d'achat semble plus fluide. Comme les totaux sont mis à jour automatiquement, les acheteurs évitent les erreurs. Un autre avantage est une apparence plus professionnelle. Une tarification claire rend votre boutique fiable. Enfin, moins de clients contacteront le support au sujet des prix. Par conséquent, vous gagnez du temps et des efforts.

Prérequis

Avant de commencer, assurez-vous d'avoir les éléments suivants à portée de main :

• WordPress installé
• WooCommerce activé
• Plugin Wholesale Prices Premium installé et actif
• Un thème enfant ou un plugin d'extraits de code
• Connaissances de base de WordPress

Plus important encore, créez une sauvegarde complète de votre site avant de modifier le code. De cette façon, vous pourrez restaurer votre site si quelque chose se passe mal.

Méthodes d'installation

Vous pouvez ajouter cette fonctionnalité de deux manières. Chaque méthode fonctionne bien, alors choisissez celle que vous préférez.

Méthode 1 : Fichier de fonctions du thème enfant

Une option consiste à ajouter le code au fichier functions.php de votre thème enfant. De nombreux développeurs préfèrent cette approche.

Cependant, ne modifiez jamais le thème parent directement. Sinon, les futures mises à jour supprimeront vos modifications. Pour cette raison, utilisez toujours un thème enfant.

Méthode 2 : Plugin WP Code (Recommandé)

Alternativement, vous pouvez utiliser le plugin WP Code. Pour la plupart des utilisateurs, cette méthode est plus facile et plus sûre.

Pour commencer, suivez ces étapes :

1. Installez et activez WP Code.
2. Accédez à Extraits de code dans votre tableau de bord.
3. Cliquez sur Ajouter un nouvel extrait.

Ensuite, vous êtes prêt à coller le code.

Étape 1 : Préparez votre site

Avant d'apporter des modifications, sauvegardez votre site. Vous pouvez utiliser votre panneau d'hébergement ou un plugin de sauvegarde. Si un problème survient, vous pouvez rapidement restaurer votre site.

Ensuite, vérifiez que le plugin Wholesale Prices Premium est actif. Accédez simplement à la page Plugins dans votre tableau de bord. Confirmez ensuite que le plugin est indiqué comme actif. Continuez uniquement lorsque tout est prêt.

Étape 2 : Ajoutez l'extrait de code

Copiez maintenant l'extrait de code complet ci-dessous. Ensuite, collez-le dans le fichier functions.php de votre thème enfant ou dans un extrait WP Code.

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
        }
    }
	
}

Assurez-vous de copier l'intégralité de l'extrait. Une petite erreur peut causer des problèmes.

Étape 3 : Enregistrer et Tester

Après avoir ajouté le code, enregistrez vos modifications immédiatement. Ensuite, videz le cache de votre site web. Cela garantit que la nouvelle fonctionnalité se charge correctement.

Ensuite, connectez-vous en tant que client de gros. Ouvrez n'importe quelle page de produit simple. Modifiez le champ de quantité. Vous devriez voir le sous-total se mettre à jour instantanément.

Si cela fonctionne, l'installation est terminée.

Dans l'ensemble, un calculateur de sous-total pour les grossistes rend votre boutique plus facile à utiliser. Les clients voient les totaux immédiatement. Par conséquent, ils peuvent commander en toute confiance.

De plus, la fonctionnalité est simple à installer. En quelques étapes seulement, vous améliorez la clarté et réduisez les questions sur les prix.

Pour résumer, sauvegardez toujours votre site avant de modifier le code. Testez ensuite la fonctionnalité avec soin. Enfin, maintenez vos plugins à jour pour éviter les problèmes ultérieurs.

À long terme, de petites améliorations comme celle-ci peuvent conduire à une meilleure satisfaction client et à davantage de ventes en gros.

Économies en gros dans les blocs de panier et de paiement WooCommerce

Wholesale Prices Premium (WWPP) prend également en charge les blocs de panier et de paiement WooCommerce.

Intégration intégrée

WWPP inclut une prise en charge intégrée des blocs WooCommerce via les fichiers suivants :

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

Ceux-ci gèrent l'intégration avec les pages de panier et de paiement basées sur les blocs.

Affichage automatique des économies

Si un client de gros utilise le panier ou le paiement de WooCommerce Blocks, les économies en gros s'afficheront automatiquement.

Cela fonctionne car le bloc wwpp-wholesale-savings est enregistré et chargé par le plugin lorsque nécessaire.

Aucune configuration requise

Aucune configuration supplémentaire n'est requise.

Tant que :

• WWPP est actif, et
• Votre boutique utilise les blocs WooCommerce pour le panier et le paiement

les économies en gros apparaîtront automatiquement pour les utilisateurs de gros.

Questions fréquemment posées

Comment activer les sous-totaux de gros sans modifier les fichiers du thème ?
Tout d'abord, installez le plugin WPCode. Ensuite, collez l'extrait fourni dans une nouvelle entrée. Ensuite, configurez-le pour qu'il s'exécute sur toutes les pages et enregistrez. Par conséquent, vous pouvez ajouter des sous-totaux de gros sans toucher aux fichiers du thème, de sorte que les mises à jour n'écraseront pas vos modifications.

Les sous-totaux de gros s'affichent-ils sur les pages basées sur les blocs de WooCommerce ?
Oui, ils le font. En fait, Wholesale Prices Premium inclut une prise en charge intégrée des blocs de panier et de paiement WooCommerce. Par conséquent, les économies en gros s'affichent automatiquement pour les utilisateurs éligibles, sans configuration supplémentaire requise.

Les visiteurs de détail verront-ils les prix de gros sur les pages de produits ?
Non, ils ne les verront pas. Par défaut, les sous-totaux de gros n'apparaissent que pour les utilisateurs de gros connectés. Par conséquent, les clients de détail et les invités ne voient jamais les prix de gros, ce qui protège votre structure de prix.

Le calculateur de sous-total peut-il fonctionner avec des produits variables ?
En général, il fonctionne mieux avec des produits simples. Cependant, les produits variables ou groupés peuvent nécessiter une personnalisation supplémentaire. Testez donc toujours le calculateur en utilisant un compte de vente en gros pour garantir un affichage précis du sous-total.

Pourquoi le sous-total de vente en gros ne s'affiche-t-il pas après l'ajout du code ?
Tout d'abord, videz le cache de votre site web. Ensuite, confirmez que Wholesale Prices Premium est actif. Enfin, connectez-vous en tant qu'utilisateur de vente en gros. Sinon, le sous-total ne s'affichera pas, car il n'apparaît que pour les rôles autorisés.

Besoin d'aide ?

Si vous avez une question ou rencontrez des problèmes, nous sommes là pour vous aider.

• Utilisateurs premium : Ouvrir un ticket de support
• Utilisateurs gratuits : Visitez notre forum communautaire