En WooCommerce, la plantilla content-single-product.php controla la presentación de un solo producto en tu tienda. Cambiar el orden de los elementos en esta plantilla implica editar el código de tu tema de WordPress. Aquí te doy una guía general sobre cómo puedes hacerlo.
Antes de realizar cambios en los archivos de tu tema, asegúrate de hacer una copia de seguridad de tu sitio y, si es posible, prueba los cambios en un entorno de desarrollo para evitar posibles problemas en tu sitio en vivo.
Pasos para cambiar el orden en content-single-product.php
Si revisamos los archivos de tu tema que tiene Woocommerce veremos que para mostrar el detalle del producto usa el archivo:
/wp-content/plugins/woocommerce/templates/content-single-product.php
En este archivo podrás encontrar un código similar al siguiente:
/** * Hook: woocommerce_single_product_summary. * * @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 * @hooked WC_Structured_Data::generate_product_data() - 60 */ do_action( 'woocommerce_single_product_summary' );
Reorganiza el Código
Para cambiar el orden de los elementos tenemos que eliminar la acción y luego agregarla nuevamente cambiando la prioridad.
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 ); add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 15 );
El código anterior hemos cambiado el orden de woocommerce_template_single_add_to_cart, de 30 a posición 15.
Una vez que hayas hecho los cambios, guarda el archivo.
Verifica el Resultado
Ve a la página de producto en tu sitio y verifica que los elementos estén organizados según tus cambios.
Recuerda que estas instrucciones son generales y pueden variar según el tema específico que estés utilizando. Si tienes dudas o problemas, consulta la documentación de tu tema o escribe una respuesta a este artpiculo.
