...

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

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

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 … » sur Woocommerce 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
      /* Afficher "À partir de" pour les produits variables */
    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

Image de 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

Snippet
Capture écran d'un formulaire Elementor Pro - Autoriser uniquement les adresses email professionnelles dans les champs email des formulaires Elementor
Elementor, un constructeur de pages largement utilisé pour WordPress, offre une multitude de fonctionnalités puissantes, y compris la création de formulaires via son plugin Elementor...
Snippet, Wordpress
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 ».  ...
Snippet, Wordpress
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é...
Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.