Sélectionner une page


Voici une photo Guide de hook pour la page de produit unique WooCommerce. Cela fait partie de mon « Série de guides de crochet visuel«Un moyen rapide et facile de trouver des hooks WooCommerce en visualisant (et en copiant / collant) leurs positions réelles. Si vous aimez ce guide et le trouvez utile, veuillez me le faire savoir sur Internet Remarques!

Maintenant que vous connaissez les crochets de la page produit, vous pouvez remplacer la page produit individuelle de WooCommerce via les fonctions de votre thème enfant. Vous pouvez supprimer des articles standard (par exemple, image en vedette, formulaire d’ajout au panier, produits associés, etc.), vous pouvez ajouter vos articles personnalisés en sélectionnant la « coche » correctement positionnée et en déclenchant votre fonction, et vous pouvez même « déplacer ». éléments existants. Avez-vous besoin d’un didacticiel vidéo? Regardez maintenant →

Page produit unique WooCommerce [Visual Hook Guide]

woocommerce_before_single_product

woocommerce_before_single_product_summaryVente!

woocommerce_product_thumbnails (peut ne pas fonctionner)

woocommerce_single_product_summary

€ 554,00– –€ 6 565,00

Ceci est la courte description!

woocommerce_before_add_to_cart_form
woocommerce_before_variations_form

woocommerce_before_add_to_cart_button

woocommerce_before_single_variation
woocommerce_single_variation

€ 554,00

En stock

woocommerce_after_single_variation

woocommerce_after_add_to_cart_button
woocommerce_after_variations_form
woocommerce_after_add_to_cart_form

woocommerce_share

woocommerce_after_single_product_summary

Information additionnelle

Lester 546 kilogrammes
Dimensions 546 x 456 x 456 centimètres
possibilité Option 1, option 2

woocommerce_after_single_product

Actions standard pour les pages de produits WooCommerce individuelles

Voici la liste des actions WooCommerce que vous pouvez démonter / supprimer en remplaçant simplement « add_action » par « remove_action » dans votre functions.php. WooCommerce utilise ses propres crochets, par exemple B. « woocommerce_before_single_product_summary » pour assembler la page produit unique. Comme cela est fait de cette manière, vous pouvez supprimer l’un de ces éléments avec «remove_action». J’ai également ajouté d’autres « do_action » qui n’ont actuellement pas de fonction de déclenchement mais que vous pouvez utiliser pour ajouter du contenu à la page du produit.

/**
 * @snippet       List of Default Actions @ WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @updated       WooCommerce 4.0
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */

// 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' );

Personnalisation de la page produit unique WooCommerce – tutoriel vidéo

Dans cette vidéo, j’explique comment personnaliser chaque page de produit et utiliser le guide de crochet visuel.

Vous pouvez découvrir comment ajouter du contenu à la page de produit unique sans écraser le plugin WooCommerce. Appelez la fonction WordPress add_action, sélectionnez le crochet de page de produit unique WooCommerce approprié (également appelé position correcte sur la page) et déclenchez votre fonction personnalisée.

Par exemple, vous pouvez ajouter des bannières, du texte, des valeurs de variables, des iframes, etc. sans toucher aux fichiers WooCommerce de base.



Source link

Recent Posts