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
