Catégories

WooCommerce : Afficher "À partir de X€" au lieu de la fourchette de prix des produits variables

Par défaut, WooCommerce affiche les prix des produits variables sous la forme "de X€ à Y€". Si l’écart entre la variation la moins chère et la plus chère est important, cette présentation peut freiner vos ventes. Découvrez dans cet article comment modifier cet affichage.

💡Pourquoi modifier cet affichage ?

Lorsqu’un client voit directement un prix élevé, il peut être dissuadé de cliquer sur le produit, même si une option plus abordable est disponible. Il risque alors de quitter votre boutique sans explorer vos offres.

🎯La solution : afficher "À partir de X€"

Un affichage clair et incitatif, utilisé par de nombreuses marques pour capter l’attention et encourager l’exploration des produits. En mettant en avant le prix d’entrée de gamme, vous augmentez les chances que les visiteurs consultent votre fiche produit et découvrent les différentes options disponibles.

👉 Grâce à ce snippet, le prix le plus bas s’affiche avec la mention « A partir de » rendant votre offre plus attractive et il fonctionne également si vous avez une promotion en cours.

Pour remplacer la fourchette par "À partir de X€"
Ajoutez le code suivant dans le fichier functions.php de votre thème enfant :

// Ajout d'un filtre pour modifier l'affichage du prix des produits variables
add_filter('woocommerce_get_price_html', 'custom_variable_price_format', 100, 2);

function custom_variable_price_format($price, $product) {
    // Vérifie si le produit est un produit variable
    if ($product->is_type('variable')) {
        
        // Récupère les prix des variations du produit (tableaux des prix réguliers et soldés)
        $prices = $product->get_variation_prices(true);

        // Trouve le prix régulier minimum parmi toutes les variations
        $min_price_regular = !empty($prices['regular_price']) ? min($prices['regular_price']) : 0;

        // Trouve le prix soldé minimum parmi toutes les variations (en excluant les valeurs nulles ou vides)
        $min_price_sale = !empty(array_filter($prices['sale_price'])) ? min(array_filter($prices['sale_price'])) : $min_price_regular;

        // Vérifie si une promotion est appliquée (c'est-à-dire si le prix soldé est inférieur au prix régulier)
        if ($min_price_regular > $min_price_sale && $min_price_sale > 0) {
            // Affiche d'abord le prix remisé (<ins> pour le mettre en avant) suivi de l'ancien prix barré (<del>)
            $price = sprintf(
                '<span class="woocommerce-Price-amount amount">À partir de <ins>%s</ins> <del>%s</del></span>',
                wc_price($min_price_sale),  // Affiche le prix remisé en premier
                wc_price($min_price_regular) // Affiche l'ancien prix barré après
            );
        } else {
            // Si aucune remise n'est appliquée, affiche simplement le prix normal
            $price = sprintf(
                '<span class="woocommerce-Price-amount amount">À partir de %s</span>',
                wc_price($min_price_regular)
            );
        }
    }

    // Retourne le prix formaté pour l'affichage sur WooCommerce
    return $price;
}

👍Avantages de cette méthode :

✅ Affichage plus vendeur et rassurant → attire l’attention sans effrayer les acheteurs.
✅ Optimisation des conversions → le prix minimum incite à explorer le produit.
✅ Mise en avant des promotions → le prix promo apparaît en premier, suivi du prix barré.

A vous de jouer ! 😊 🚀

Besoin d’un accompagnement pour booster votre boutique WooCommerce ?

Nous vous aidons à optimiser votre site e-commerce pour maximiser vos ventes et améliorer l’expérience utilisateur.