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

Exemple fiche produit 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

A lire aussi  Comment supprimer le lien de l'image du produit WooCommerce ?
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é...

Articles populaires

Actualité du digital
Illustration d'un cerveau numérique représentant l'IA, avec le logo ChatGPT intégré en arrière-plan.
Découvrez Chat gor, l'outil d'OpenAI basé sur l'intelligence artificielle. Fonctionnalités, avantages et utilisation pour la rédaction, le code et la génération de contenu automatisée.
Actualité du digital
Smartphone affichant l'application Google Interprète avec une conversation traduite en temps réel.
Le mode Google Interprète est une fonctionnalité innovante qui permet de traduire des conversations en temps réel via l’Assistant Google, Google Translate et certaines applications...
Actualité du digital
Exemple de matrixes utilisées en mathématiques, technologie et intelligence artificielle
Les matrixes sont essentielles dans les mathématiques, les sciences et la technologie. Découvrez leur définition, leurs applications dans les algorithmes, les arts et bien plus...
Organisation et planification
"Interface de Digiposte, coffre-fort numérique pour la gestion et la sécurité des documents personnels et professionnels.
Digiposte est un coffre-fort numérique qui simplifie la gestion de vos documents en toute sécurité. Bulletins de paie, justificatifs ou démarches administratives : centralisez tout...
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...
Organisation et planification
Opensi : la solution magique pour booster votre e-commerce et simplifier votre gestion de stock !
Opensi est bien plus qu’un simple outil de gestion commerciale pour le e-commerce. Découvrez comment cette solution révolutionne la gestion des stocks avec des fonctionnalités...