Enfold Table of Contents Widget Placement

Hey pnamroud,
Our current version is 5.7
If you are using the Advanced Layout Builder to create your posts you could add a widget element to your posts and add the TOC widget to the sidebar displayed in the widget element.

If you are using the WordPress editor for your posts you could try this javascript TOC, first add this code to your post: <div id="toc"></div> in the “text” tab:

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor, If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save.

function custom_toc_script() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    htmlTableOfContents();
} );                        

function htmlTableOfContents( documentRef ) {
    var documentRef = documentRef || document;
    var toc = documentRef.getElementById("toc");
	var content = document.querySelector(".single-post .entry-content"); 
	var headings = content ? [].slice.call(content.querySelectorAll( "h1, h2, h3, h4, h5, h6")) : []
    //var headings = [].slice.call(documentRef.body.querySelectorAll('#content h1,#content h2,#content h3,#content h4,#content h5,#content h6'));
    headings.forEach(function (heading, index) {
        var ref = "toc" + index;
        if ( heading.hasAttribute( "id" ) ) 
            ref = heading.getAttribute( "id" );
        else
            heading.setAttribute( "id", ref );

        var link = documentRef.createElement( "a" );
        link.setAttribute( "href", "#"+ ref );
        link.textContent = heading.textContent;

        var div = documentRef.createElement( "div" );
        div.setAttribute( "class", heading.tagName.toLowerCase() );
        div.appendChild( link );
        toc.appendChild( div );
    });
}

try {
    module.exports = htmlTableOfContents;
} catch (e) {
    // module.exports is not defined
}
	  </script>
  <?php
}
add_action('wp_footer', 'custom_toc_script');

This is the result:

There are many TOC plugins available, if you would like a different style, the RankMath SEO plugin also includes a TOC that works with Enfold.

Best regards,
Mike

Hi,

To update please download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Then going forward your Token should work correctly.

Best regards,
Mike