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
C'EST ICI QUE CA SE PASS !!!

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

A lire aussi  Comment désactiver le zoom de l'image du produit WooCommerce
C'EST ICI QUE CA SE PASS !!!
Image de Olivier Routhier
Olivier Routhier

Co-fondateur - Effet Papillon
Média online et rédacteur SEO pour le compte de plusieurs agences digitales.

En 2012, après avoir travaillé à plein temps dans une librairie pendant de nombreuses années, j'ai pris une décision audacieuse : je suis retournée aux études. Je voulais combiner mon amour pour l'écriture avec l'attrait d'Internet et j'ai choisi la communication numérique. Quatre ans plus tard, j'ai obtenu mon diplôme avec mention.

Entre-temps, j'ai commencé à travailler dans différentes agences digitales en France sur la conception et le développement Web. Dans mon rôle de rédactrice en chef, j'ai écrit, édité et traduit des centaines d'articles sur des sujet fascinant. En plus de cela, je me suis assuré que les opérations quotidiennes se déroulaient comme prévu.

Chez Effet Papillon et d'autres magazines en ligne, je fais une grande partie du même travail, sauf à plus grande échelle. En tant que spécialiste du contenu, je suis responsable de fournir un contenu de qualité de manière engageante et optimale.

Voir les articles d'Olivier

Article utile ? Partages le sur les réseaux

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é...

Articles populaires

Actualité du digital
Pidoov : Découvrez la plateforme de streaming innovante en 2025
Pidoov est une plateforme de streaming non officielle qui propose un accès gratuit à un vaste catalogue de films, séries et documentaires, principalement en version...
Actualité du digital
Découvrez minziv.com
Minziv.com s’impose comme l’une des plateformes de streaming gratuites les plus populaires en France et dans plusieurs pays francophones en 2025. Avec environ 187 000...
Actualité du digital
Zotiro change d'adresse et devient Facebim en 2025 : découvrez en avant-première les nouveautés et les services innovants de cette transformation.
Zotiro devient Facebim : une transformation majeure avec continuité de service La transformation de Zotiro en Facebim est avant tout une évolution de marque qui...
Actualité du digital
Découvrez Facebim - Streaming HD 2025, votre plateforme idéale pour regarder films et séries en qualité haute définition. Profitez d'un large choix de contenus à la meilleure résolution.
Facebim.com : comprendre les enjeux de la légitimité et de la sécurité Pourquoi Facebim suscite la méfiance dans le monde du streaming Facebim est devenu...
SEO / SEA
TF Optimizer Gérez et optimisez votre Trust Flow efficacement
Le Trust Flow, cet indicateur qui refuse de mourir En 2025, parlons franchement : le Trust Flow (TF) de Majestic reste un indicateur scruté par...
Organisation et planification
Application Rabbit Finder affichée sur smartphone avec objets suivis (clés, portefeuille, animal)
Rabbit Finder est une application de localisation qui combine GPS et Bluetooth pour retrouver vos objets du quotidien. Pratique, intuitive et sécurisée, elle se démarque...
Actualité du digital
Jeune femme découvrant l’IA par erreur
Une simple faute de frappe peut devenir une vraie leçon de curiosité numérique. Chztgpt, c’est ChatGPT… mais vu autrement.
Social Media & SMO
Message d'erreur "Cette story n'est plus disponible" affiché sur un écran de smartphone.
Le message "Cette story n'est plus disponible" peut apparaître lorsque la story a expiré, a été supprimée par l'utilisateur, ou en raison d'un problème de...
Organisation et planification
Interface Zimbra affichant la gestion des emails, calendriers et fichiers pour la collaboration.
Zimbra est une plateforme de messagerie et de collaboration largement utilisée dans le monde. Offrant une gestion intégrée des emails, calendriers, et documents, elle est...
Suivre @Effetpapi