WooCommerce et produits variables : Afficher un prix « A partir de »

Exemple fiche produit woocommerce
WooCommerce et produits variables : Afficher un prix « A partir de »

Vous avez créé votre boutique en utilisant WooCommerce. Parfait mais voilà :

Vous avez intégré des produits variables, c’est bien mais l’affichage n’est pas top (prix le plus bas – prix le plus élevé), c’est pas très vendeur tout ca 😉

Comment afficher sur votre page produit le de texte « à partir de … » juste avant votre tarif

Votre page produit variable ressemble à celle-ci

 

Alors comment afficher « à partir de » pour un produit variable WooCommerce ?

Pour ce faire nous allons ajouter un petit bout de code (aussi appelé Snippet) dans le fichier functions.php sur votre thème enfant.

  • Via ftp rendez-vous à la racine de votre site (wp-content > themes > « nom de votre theme enfant » aussi appelé child theme)
  • cliquez sur éditer le fichier functions.php
  • coller le code ci-dessous à la suite
    				
    					/* Snippet produits variables « À partir de »*/
    add_filter( ‘woocommerce_variable_sale_price_html’, ‘wpm_variation_price_format’, 10, 2 );
    add_filter( ‘woocommerce_variable_price_html’, ‘wpm_variation_price_format’, 10, 2 );
    
    function wpm_variation_price_format( $price, $product ) {
    //On récupère le prix min et max du produit variable
    $min_price = $product->get_variation_price( ‘min’, true );
    $max_price = $product->get_variation_price( ‘max’, true );
    
    // Si les prix sont différents on affiche « À partir de … »
    if ($min_price != $max_price){
    $price = sprintf( __( ‘A partir de %1$s’, ‘woocommerce’ ), wc_price( $min_price ) );
    return $price;
    // Sinon on affiche juste le prix
    } else {
    $price = sprintf( __( ‘%1$s’, ‘woocommerce’ ), wc_price( $min_price ) );
    return $price;
    }
    }
    				
    			
  • sauvegarder/enregistrer le fichier

Attention, il est toujours préférable d’effectuer une sauvegarde de votre fichier avant toute modification.

Et voici le résultat

Olivier Routhier
Olivier Routhier

Olivier est un rédacteur, éditeur et spécialiste du contenu web. Avant de rejoindre Effet Papillon, il a passé des années à perfectionner ses compétences au sein de plusieurs agences web en France, Belgique et Luxembourg..

Voir les articles d'Olivier

Besoin d'une Agence de Communication et Web ?

Nos derniers articles
Snippet

Comment désactiver le zoom de l’image du produit WooCommerce

Pour supprimer le zoom sur de l’image de produit WooCommerce, ajoutez le code suivant à votre functions.php sur votre thème enfant ou « child theme ».  

Comment supprimer le lien de l’image du produit WooCommerce ?

WooCommerce enveloppe automatiquement l’image principale de votre produit dans une balise <a> . Il est soit lié à la lightbox, soit si vous avez désactivé...