Problema con los y WooCommerce

Club para webmasters Foros Desarrollo web Problema con los y WooCommerce

Viendo 10 entradas - de la 1 a la 10 (de un total de 10)
  • Autor
    Entradas
  • #17047 Karma: 0
    victorbego
    Participante
    ChorriPuntos 214
    Nuevo

    Buenos días,
    Desarrollando un sitio web con Woocommerce me he dado cuenta de que este me está generando de manera automática elementos h2 a los atributos “Todas las categorías” (Que es el título de la barra de navegación derecha) y “Menú inferior” (Que es el título de mi menu footer).

    Desconozco si esto se puede solucionar con alguna linea en el archivo function o cómo se podría hacer. He mirado por internet pero no localizo una solución clara.

    Para entender bien a lo que me refiero lo que hago es usar la famosa extensión de David de “SEO META IN ONE CLICK” y aplicarla a un producto cualquiera de la web. A continuación dejo el link a uno de los productos para que hagais la prueba pero lo mismo ocurre con todos.

    Producto de ejemplo que está dando el fallo

    #17048 Karma: 0
    David Cuesta
    Superadministrador
    160
    ChorriPuntos 7.729
    Curso SEO
    ChorriCuesta

    Sí, por defecto Woocommerce genera elementos con h2, no es muy importante porque google rápidamente entiende que son parte de la estructura de ecommerce de la web, pero sí es buena idea que pongas otros h2 que añadan información relevante.
    Se podrían cambiar usando filters en php, puedes buscar cómo en la documentación de woocommerce: https://docs.woocommerce.com/document/introduction-to-hooks-actions-and-filters/

    Un saludo!

    #17049 Karma: 0
    victorbego
    Participante
    ChorriPuntos 214
    Nuevo

    Genial, le daré una vuelta a ver como funcionan los filters.
    Gracias!

    #17098 Karma: 1
    kerta
    Participante
    45
    ChorriPuntos 876
    Curso SEO
    ChorriSEO

    Hola Victorbego

    La respuesta de David es la exacta , solamente la voy a mpliar para que te quede claro y ganas tiempo (David espero que no lo tomes mal 🙂 )

    He visto que utilises generate press theme, si es asi pudes utilisar este codigo:

    en el archivo de function.php de generate press añades este codigo

    add_filter( 'generate_start_widget_title','generate_remove_widget_title_h2' );
    function generate_remove_widget_title_h2()
    {
          return '<div class="widget-title">';
    }
    
    add_filter( 'generate_end_widget_title','generate_remove_widget_title_end_h2' );
    function generate_remove_widget_title_end_h2()
    {
          return '</div>';
    }
    

    Aqui he sustutuido el h2 por una div pero lo puedes gambiar por otra cosa si te da la gana.

    Cuando quiero cambiar cosas asi en un theme siempre creo un theme child para no borrar las modificaciones si actualizo el theme

    Hasta el infinito

    #17104 Karma: 0
    David Cuesta
    Superadministrador
    160
    ChorriPuntos 7.729
    Curso SEO
    ChorriCuesta

    Todo lo contrario Kerta, te agradezco mucho, muchísimo, lo que nos ayudas a todos en el foro 😀

    #17110 Karma: 0
    victorbego
    Participante
    ChorriPuntos 214
    Nuevo

    Gracias por las lineas Kerta, las he metido y esos h2 aplicados a los widgets han desaparecido.
    Ahora me surge la siguiente duda,
    Como puedo modificar los h2 de las pestañas de “Regeneración” o “Información del producto”.
    Adjunto enlace al mismo producto de antes
    No se mucho de código todavía, estaría guay curso en el Chorri de como modificar estos elementos en Woo Commerce para hacer el e-commerce SEOfecto 🤔✅

    Muchas gracias!

    #17111 Karma: 0
    David Cuesta
    Superadministrador
    160
    ChorriPuntos 7.729
    Curso SEO
    ChorriCuesta

    Recojo el guante, y además ya lo tenía pensado, pero hasta finales de verano no creo que salga, será como el broche final de la saga de ecommerce, SEO aplicado para tenerlo todo perfecto jeje

    Un saludo!

    #17113 Karma: 1
    kerta
    Participante
    45
    ChorriPuntos 876
    Curso SEO
    ChorriSEO

    Hola de nuevo

    Por el momento te doy el codigo que he escrito para cambiar los h2 de “regeneracion” y informacion del producto. llo he puesto h3 pero tu puedes poner lo que te da la gana dependiendo de tu pagina. Personalemente me gusta que en vez de “description” el tabs tenga como titulo Description de ” palabra clave ” o bien palabra clave synonyma. te dejo el codigo aqui ( el codigo lo he expirimentado en mis webs y funcciona).

    
    // Para cambiar los elementos html del tab product  origin woocommerce/templates/single-product/tabs/description.php
    add_filter( 'woocommerce_product_description_heading', 'chorriclub_description_heading' );
    function chorriclub_description_heading( $heading ){
     ?>
    	
    	<?php if ( $heading ) : ?>
    		<h3><?php echo esc_html( $heading ); ?></h3> <!--  aqui he puesto h3 pero pudes poner un div o un span o bien un h5 -->
    	<?php endif; 
    	
    	
    
    }
    
    // para cambiar los elementos html del tab product   woocommerce/templates/single-product/tabs/additional-information.php
    add_filter( 'woocommerce_product_additional_information_heading', 'chorriclub_additional_information_heading' );
    function chorriclub_additional_information_heading( $heading ){
     ?>
    	
    	<?php if ( $heading ) : ?>
    		<h3><?php echo esc_html( $heading ); ?></h3>
    	<?php endif; 
    	
    	
    
    }
    

    Hasta el infinito

    #17114 Karma: 0
    kerta
    Participante
    45
    ChorriPuntos 876
    Curso SEO
    ChorriSEO

    Ah si el codigo lo pones en el funtion.php de tu tema

    Hasta el infinito

    #17130 Karma: 0
    victorbego
    Participante
    ChorriPuntos 214
    Nuevo

    Eres un fenómeno kerta, muchisimas gracias.

    Funciona perfectamente

Viendo 10 entradas - de la 1 a la 10 (de un total de 10)
  • Debes estar registrado para responder a este debate.