Double H1 tag in product categories pages and tag pages

Hey profumopuntoit,

Thank you for the inquiry.

You can add this filter in the functions.php file to disable or remove the default category title:

add_filter('woocommerce_show_page_title', 'av_woocommerce_show_page_title_mod');
function av_woocommerce_show_page_title_mod() {
    if (is_product_category()) {
        return false;
    }
    return true;
}

Best regards,
Ismael

Hi,

Thank you for the update.

You can disable the default title by adjusting the Header Title and Breadcrumbs settings in the Enfold > Header > Header Layout tab. This should also remove the duplicate h1 tag on the product category pages.

Best regards,
Ismael

Hi,

Thank you for the update.

The second heading tag in the product category pages is directly generated from a WooCommerce template. If you need to replace the h1 tag with h2, you have to override the plugins/woocommerce/templates/archive-product.php file, or keep the filter that we previously suggested to prevent the second h1 from rendering.

The heading tag is located around line 33 of the archive-product.php file:

<?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
<h1 class="woocommerce-products-header__title page-title"><?php woocommerce_page_title(); ?></h1>
<?php endif; ?>

Best regards,
Ismael

Hi,
When I check the two pages that you linked to I see two opening and closing header tags:

one set is around the theme header, and the othr set is around the woocommerce page template title, since both are closed this should not cause any issues.
But if you want to change the woocommerce header tag to a div, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_woo_header_tag_to_div() { ?>
  <script>
(function($) {
  $(function() {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('header.woocommerce-products-header', '<div></div>');
  });
}(jQuery)); 
</script>
  <?php
}
add_action( 'wp_footer', 'change_woo_header_tag_to_div', 99 );

Best regards,
Mike