23 avis
Chargement...

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 inversé 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é grâce des hook’s 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’intercalé 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 function.php :

remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_price’, 10 );
add_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_price’, 25 );