Woocommerce : Visuel Hook : Page produit

Voici un guide visuel du hook pour la page de produit unique WooCommerce. Si vous aimez ce guide et qu’il vous est utile, faites-le moi savoir dans les commentaires!

Maintenant que vous connaissez les hook de la page produit, vous pouvez remplacer la page produit unique WooCommerce via les fonctions de votre thème enfant. Vous pouvez supprimer des éléments par défaut (par exemple, l’image sélectionnée, le formulaire d’ajout au panier, les produits associés…), vous pouvez ajouter vos éléments personnalisés en choisissant le «crochet» correctement positionné et en déclenchant votre fonction, et vous pouvez même «déplacer» éléments existants

Ceci est la liste des actions WooCommerce que vous pouvez décrocher / supprimer en changeant simplement “add_action” en “remove_action” dans votre functions.php. WooCommerce utilise ses propres crochets, par exemple “Woocommerce_before_single_product_summary” pour assembler la page de produit unique ensemble. Parce que c’est fait de cette façon, vous pouvez donc utiliser “remove_action” pour supprimer l’un de ces éléments. J’ai également ajouté d’autres “do_action” qui n’ont pas de fonction de déclenchement pour le moment, mais que vous pouvez utiliser pour ajouter du contenu à la page du produit.

 
// Before content
add_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );
add_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
add_action( 'woocommerce_before_single_product', 'woocommerce_output_all_notices', 10 );
  
// Left column
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
add_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
 
// Right column
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
 
// Right column - add to cart
do_action( 'woocommerce_before_add_to_cart_form' );
do_action( 'woocommerce_before_add_to_cart_button' );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
 
add_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );
add_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );
add_action( 'woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart', 30 );
add_action( 'woocommerce_external_add_to_cart', 'woocommerce_external_add_to_cart', 30 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
add_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
do_action( 'woocommerce_before_quantity_input_field' );
do_action( 'woocommerce_after_quantity_input_field' );
do_action( 'woocommerce_after_add_to_cart_button' );
do_action( 'woocommerce_after_add_to_cart_form' );
 
// Right column - meta
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
do_action( 'woocommerce_product_meta_start' );
do_action( 'woocommerce_product_meta_end' );
 
// Right column - sharing
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );
do_action( 'woocommerce_share' );
 
// Tabs, upsells and related products
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_product_additional_information', 'wc_display_product_attributes', 10 );
do_action( 'woocommerce_product_after_tabs' );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
 
// Reviews
add_action( 'woocommerce_review_before', 'woocommerce_review_display_gravatar', 10 );
add_action( 'woocommerce_review_before_comment_meta', 'woocommerce_review_display_rating', 10 );
add_action( 'woocommerce_review_meta', 'woocommerce_review_display_meta', 10 );
do_action( 'woocommerce_review_before_comment_text', $comment );
add_action( 'woocommerce_review_comment_text', 'woocommerce_review_display_comment_text', 10 );
do_action( 'woocommerce_review_after_comment_text', $comment );
 
// After content
do_action( 'woocommerce_after_single_product' );
do_action( 'woocommerce_after_main_content' );

Source : bussinessboomer

About Author

Arnold KOUYA

Développeur passionné, j'ai acquis des compétences dans le développement et l'architecture d'applications Web cotées FrontEnd (Angular 4+, HTML5, CSS, JavaScript, jQuery, Bootstrap) et cotées BackEnd (NodeJs, Express, SailsJS, PHP, Laravel 5+, CodeIgniter 2+ , Mysql) et le développement d’applications mobiles multiplates-formes (Ionic3+).

Commenter...

Résoudre : *
15 + 16 =