Changer la place du prix sur un produit woocommerce

Nouvelle petite astuce de développement pour un site Wordpress couplé avec le désormais célèbre plugin E-commerce Woocommerce !

Vous avez besoin de déplacer le prix au dessus de la description courte ou d'inverser cette même description avec le bouton d'ajout au panier...

Vous l'aurez compris, en réalité reclasser les éléments qui composent une fiche produit Woocommerce.

Première chose à savoir sur la structure du thème woocommerce pour cette fiche détail : les éléments sont classés grâce à des hooks, de la manière suivante :

/**
 * @hooked woocommerce_template_single_title - 5
 * @hooked woocommerce_template_single_price - 10
 * @hooked woocommerce_template_single_excerpt - 20
 * @hooked woocommerce_template_single_add_to_cart - 30
 * @hooked woocommerce_template_single_meta - 40
 * @hooked woocommerce_template_single_sharing - 50
 */

Il vous suffira donc simplement d'intercaler les éléments entre eux en changeant les chiffres associés.

Forcer, par exemple, le prix à "25" le placera donc entre woocommerce_template_single_excerpt (description courte) et woocommerce_template_single_add_to_cart (bouton ajout au panier).

Vous pourrez donc changer l'emplacement du prix du produit avec le code suivant dans functions.php :

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 25 );