Help with Product H-Tags

Hi,
Thank you for the link, try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_h6_tabcontainer_script() { ?>
    <script>
(function($) {
  $(document).ready(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('#top.single-product .tabcontainer.sidebar_tab_left .tab_inner_content > h6', '<p></p>');
  });
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'custom_h6_tabcontainer_script');

This should only work if your single products have a tab container with a left sidebar and the inner container has an H6, this should be specific enough to not conflict with any other H6’s on your site, but please clear your browser cache and check.

Best regards,
Mike

Hi,
For the font 404 errors, it looks like this code is added to your header: @font-face { font-family:helveticabold;src:;font-display: swap;}
are you using the theme version of helvetica or are you adding it in your css or functions.php?
As for the H6 & SEO, Google does recognize the change in the DOM to the tags, so this would work. Making the change manually would be best, but since it is on 500+ products, making the change with jQuery is what I would recommend.

Best regards,
Mike

*It looks like Guenni007 and I were posting the same code at the same time 😂, thanks to Guenni007 for this code posted a while back 👍

Hi,
Yes, correct, this is what you did.
For the font, please include an admin login in the Private Content area so we can take a look.

Best regards,
Mike

Hi,
Thank you for the login, I removed this from your Quick CSS to solve the error:

@font-face {
 font-family: 'helvetica';
 src: url('helvetica.eot'); /* IE9 Compat Modes */
 src: url('helvetica.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('helvetica.woff') format('woff'), /* Modern Browsers */
   url('helvetica.ttf')  format('truetype'), /* Safari, Android, iOS */
   url('helvetica.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Can you explain which texts is dependent on this css, are they related to your custom font plugin?
I believe that your past dev installed this plugin and assigned “helveticabold” as a font, but there is no font file uploaded in the options of the plugin. I think the combination of the css and the mis defined font is the issue.
I would try uploading the correct “helveticabold” font in the plugin options and remove the css to fix this.
If that didn’t work I would disable the plugin & css & then upload the “helveticabold” font in the Enfold Theme Options > Import/Export > Custom Font Manager

Best regards,
Mike

Hi,
Glad to hear you were able to sort this out🙂
Since that and the product H tags are sorted out, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike