como cambiar etiqueta en la página del producto WooCommerce

2 minutos de lectura

avatar de usuario de saycookie
di galleta

¿Cómo puedo cambiar la etiqueta h1 del título del producto en woocommerce? Ya tengo una etiqueta h1 en mi página y quiero que el nombre del producto sea h2.

el título actual proviene de:

do_action( 'woocommerce_single_product_summary_single_title' );

  • ¿No debería copiarse el archivo en woocommerce/templates/single-product/title.php y NO en woocommerce/single-product/title.php? NOTA: No… la carpeta “plantillas” NO necesita estar en la ruta del tema secundario. La razón por la que hice la pregunta anterior se debe a que mis cambios no aparecen en la interfaz debido a la memoria caché del navegador. ¡En caso de duda, vaya de “incógnito”!

    – cúal es la gran idea

    16 de agosto de 2017 a las 15:15


Puede anular el WooCommerce predeterminado title.php plantilla por su propio tema.

Copiar woocommerce/templates/single-product/title.php y péguelo en su tema activo en woocommerce/single-product/title.php

cambiar esta línea the_title( '<h1 itemprop="name" class="product_title entry-title">', '</h1>' ); a the_title( '<h2 itemprop="name" class="product_title entry-title">', '</h2>' );

El código está probado y es completamente funcional.


Referencia

  • Gracias, también enfrenté el mismo problema y me funcionó.

    – Rana Ghosh

    19 de noviembre de 2016 a las 11:37

  • Gracias por esta gran respuesta. ¿Hay alguna manera de hacer esto usando un filtro preferiblemente, pero aceptablemente un gancho de acción?

    – Esteban Sabatini

    15 de marzo de 2017 a las 12:49


  • @StephenSabatini: No encontré ningún gancho de acción o filtro para esto, hasta ahora.

    – Raunak Gupta

    15 de marzo de 2017 a las 14:05

Vine aquí buscando una respuesta, pero me gusta hacer cosas usando filtros o ganchos de acción. Después de un poco de búsqueda, encontré una manera de hacer lo mismo con Action Hook.

Copie el siguiente código en Child Theme ‘functions.php’

//* Change Woo Product H1 Tag to H3
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'sgl_template_single_title', 5 );
function sgl_template_single_title() {
    the_title( '<h3 class="product_title entry-title">', '</h3>' );
}

Esto cambiará la etiqueta H1 en el título del producto que se muestra en las páginas de un solo producto a H3. Estoy usando este fragmento de código en mi proyecto y funciona muy bien.

¿Ha sido útil esta solución?