Cómo integrar HTML en la página de un solo producto de WordPress Woocommerce

Actualmente estoy trabajando en WordPress Woocommerce. Busqué en WooCommerce Plugin, vi una página de un solo producto, es decir, single-product.php en la carpeta de plantillas. Y hay un bucle que muestra la descripción completa del producto.

<?php while ( have_posts() ) : the_post(); ?>
        <?php wc_get_template_part( 'content', 'single-product' ); ?>
        <?php endwhile; // end of the loop. ?>
        <?php
?>

Ahora no entendí dónde está la configuración de la página completa y cómo restablecer su orden para mostrar diferentes atributos del producto como precio, imagen, descripción del producto, etc.

Por favor, ayúdenme a incrustar o integrar mi HTML en la página de un solo producto de Woo Commerce.

Cualquier ayuda será apreciada.

Gracias

Necesitas crear una carpeta llamada woocommerce dentro de su carpeta de temas y copie el contenido de la carpeta de plantillas del complemento woocommere dentro de su carpeta de temas. De esta forma, puede sobrescribir el contenido predeterminado.

Después de completar lo anterior, busque un archivo content-single-product en el woocommerce carpeta en la carpeta de sus temas. Verás muchos ganchos y do_actions. No entrar en pánico. Estos solo están llamando a los archivos desde el single-product carpeta dentro de la woocommerce carpeta. En esa carpeta, los archivos están bien titulados y agrupados y sabrá cuál es el archivo responsable con solo ver el título del archivo. Por ejemplo price.php para mostrar el precio, product-attributes.php para los atributos del producto (en caso de que el producto sea variable).

Juega con estos archivos. Si necesita los originales, los encontrará nuevamente en la carpeta del complemento de woocommerce.

EDITAR

busque en content-single-product.php entre la línea 40-60:

<div class="summary entry-summary">

        <?php
            /**
             * woocommerce_single_product_summary hook
             *
             * @hooked woocommerce_template_single_title - 5
             * @hooked woocommerce_template_single_rating - 10
             * @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
             */
            do_action( 'woocommerce_single_product_summary' );
        ?>

    </div><!-- .summary -->

Este do_action( 'woocommerce_single_product_summary' );es responsable de llamar a las funciones enganchadas enumeradas anteriormente. el número junto al nombre es el pedido. Cuanto más bajo es el número, más alto es el orden. Suponiendo que los quiere todos pero en un orden diferente, reemplace esta sección con lo siguiente:

<div class="summary entry-summary">

        <?php
            /**
             * woocommerce_single_product_summary hook
             *
             * @hooked woocommerce_template_single_title - 5
             * @hooked woocommerce_template_single_rating - 10
             * @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
             */
            //do_action( 'woocommerce_single_product_summary' );


            // now call these function directly and change their order ;

             woocommerce_template_single_title();
             woocommerce_template_single_rating();
             woocommerce_template_single_price(); // this will output the price text
             woocommerce_template_single_excerpt(); // this will output the short description of your product.
             woocommerce_template_single_add_to_cart();
             woocommerce_template_single_meta();
             woocommerce_template_single_sharing();
        ?>

    </div><!-- .summary -->

Vaya a este archivo en su carpeta de complementos de woocommerce

\woocommerce\incluye\wc-template-hooks.php

Al modificar los ganchos (cambiar o agregar nuevos) puede cambiar el diseño y todo en una sola página de producto.