Guía de gancho visual de WooCommerce: página de un solo producto

Aquí hay una guía de gancho visual para la página de un solo producto de WooCommerce . Esto es parte de mi » Serie de guías de ganchos visuales «, a través de la cual puede encontrar ganchos de WooCommerce de forma rápida y sencilla al ver sus ubicaciones reales (y puede copiar/pegar). Si te ha gustado esta guía y te ha resultado útil, ¡házmelo saber en los comentarios !

Ahora que conoce los ganchos de la página del producto, puede anular la página de producto único de WooCommerce a través de las funciones de su tema secundario. Puede eliminar elementos predeterminados (por ejemplo, la imagen destacada, el formulario para agregar al carrito, productos relacionados…), puede agregar sus elementos personalizados seleccionando el «gancho» en la posición correcta y activando su función, e incluso puede «mover» elementos existentes. ¿Necesitas un videotutorial? Míralo ahora →

Página de producto único de WooCommerce [Guía de gancho visual]

woocommerce_antes_de_un_producto

 

woocommerce_before_single_product_summary¡Rebaja!

 

woocommerce_product_thumbnails (puede que no funcione)

woocommerce_single_product_summary

 

Titulo del producto

554,00 € – 6.565,00€ 44,00 € – 665,00€

Esta es la breve descripción!

woocommerce_before_add_to_cart_form
woocommerce_before_variations_form

Selección clara

woocommerce_before_add_to_cart_button

woocommerce_before_single_variation
woocommerce_single_variation

 

554,00€ 44,00€

 

En stock

woocommerce_before_add_to_cart_quantity

woocommerce_after_add_to_cart_quantity

woocommerce_after_single_variation

woocommerce_after_add_to_cart_button
woocommerce_after_variations_form
woocommerce_after_add_to_cart_form

woocommerce_product_meta_startSKU: htr554yn
Categoría: Pulseras
Etiquetas: tag1 , tag2
woocommerce_product_meta_end

 

woocommerce_share

woocommerce_after_single_product_summary

 

  • Descripción
  • información adicional

información adicional

Peso 546 kg
Dimensiones 546x456x456cm
Opción Opción 1, Opción 2

También te puede interesar…

  • Producto de prueba

    1,00€
    Añadir a la cesta

woocommerce_after_single_product

Acciones predeterminadas de la página de un solo producto de WooCommerce

Esta es la lista de acciones de WooCommerce que puede desconectar/eliminar simplemente cambiando «add_action» a «remove_action» en su functions.php. WooCommerce usa sus propios ganchos, por ejemplo, «woocommerce_before_single_product_summary» para ensamblar la página de un solo producto. Debido a que se hace de esta manera, puede usar «remove_action» para eliminar uno de estos elementos. También agregué otros «do_action» que no tienen una función de activación en este momento, pero que puede usar para agregar contenido a la página del producto.

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

Personalización de la página de un solo producto de WooCommerce – Video tutorial

Mire este video donde explico cómo personalizar la página de un solo producto y cómo usar la guía de gancho visual.

Puede averiguar cómo AGREGAR contenido a la página de un solo producto sin anular el complemento de WooCommerce. Llame a la función add_action de WordPress, seleccione el gancho correcto de la página de un solo producto de WooCommerce (también conocido como la posición correcta en la página) y active su función personalizada.

Por ejemplo, puede agregar pancartas, texto, valores variables, iframes, etc. sin siquiera tocar los archivos principales de WooCommerce.

Deja un comentario