Table of contents widget: how to show it on top of the content of a post or page

I would never ever use the ALB for posts! Whenever you switch the theme one day, you have tons of shortcodes in your posts you need to clean up manually!

So how can I add ENFOLD’s TOC widget in the top of a post’s or page’s content?
Perhaps a snippet for the loop-index?
Or better a functions.php snippet?

Where is the Avia Toc code located (in which file), so that I could create a shortcode from it – and how please?
This is possible, because we had this several times here in the forum concerning other ENFOLD features.

Thanks.

– Thanks a lot, Ismael, it works fine. Could you please tell me, where to add this snippet in – I guess – the loop-index.php (?), so that the TOC is after the featured image and after the post title, but before the content?
Currently with you snippet, the TOC is above everything (above the featured image resp. post title).
Is the snippet then valid as you added it above for the loop-index, too, or does it need a modification for that file?

– And could you please give me a hint, how to make a shortcode out of it please?
Thank you.

Thank you, Ismael. Can I add your snippet for the shortcode exactly so for showing

[avs_toc]

in an ALB text block within a post or page manually?

I added your snippet

add_shortcode('avs_toc', 'avs_toc_function');
function avs_toc_function() {
    $args = array (
        'name' => 'Displayed Everywhere',
        'id' => 'av_everywhere',
        'description' => '',
        'class' => '',
        'before_widget' => '<section id="avia_auto_toc-2" class="widget clearfix avia_auto_toc">',
        'after_widget' => '<span class="seperator extralight-border"></span></section>',
        'before_title' => '',
        'after_title' => '',
        'widget_id' => 'avia_auto_toc_custom',
        'widget_name' => 'Enfold Child Table of Contents',
        );

    $instance = array (
        'title' => 'Toc',
        'exclude' => '',
        'style' => '',
        'level' => 'h1',
        'single_only' => 1,
        'indent' => 1,
        'smoothscroll' => 1,
        );

    $toc = new avia_auto_toc;
	return $toc->widget($args, $instance);
}

to my Code-Snippets plugin, where all snippets go, that normally go to the functions.php,
and then added the shortcode [avs_toc] to a text block ALB element in a page, but there is no output at all.

Are there any changes to the snippet necessary?
Thanks.

@ismael

I have a fresh new installation of the latest ENFOLD at my site and tried to add manually a TOC.

The only thing I did now is putting this snippet to my Code Snippets Plugin:

add_shortcode('avs_toc', 'avs_toc_function');
function avs_toc_function() {
    $args = array (
        'name' => 'Displayed Everywhere',
        'id' => 'av_everywhere',
        'description' => '',
        'class' => '',
        'before_widget' => '<section id="avia_auto_toc-2" class="widget clearfix avia_auto_toc">',
        'after_widget' => '<span class="seperator extralight-border"></span></section>',
        'before_title' => '',
        'after_title' => '',
        'widget_id' => 'avia_auto_toc_custom',
        'widget_name' => 'Enfold Child Table of Contents',
        );

    $instance = array (
        'title' => 'Toc',
        'exclude' => '',
        'style' => '',
        'level' => 'h1',
        'single_only' => 1,
        'indent' => 1,
        'smoothscroll' => 1,
        );

    $toc = new avia_auto_toc;
	return $toc->widget($args, $instance);
}

Then I added at the beginning of a post manually (I do not want it in every post!!!) this:

[avs_toc]

Note: I do not use the ALB for posts and I do not use the Gutenberg editor.

But nothing is shown – see screenshots below -, although there are h2, h3, h4 headlines in the post.

Is something wrong with the snippet for ENFOLD 4.5.7?

View post on imgur.com

View post on imgur.com

No, I added it in a post, not a page in this way, but I have overseen something ;-)

the TOC is added to the post but ABOVE the featured image, instead of below it:

This is at the beginning of a post:

[avs_toc]
Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. 
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. 
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Result:

View post on imgur.com

How can I have the TOC really there, where I add the shortcode in a post?
Normally at the beginning of the actual content …

—————————————————————————————
EDIT:
see private data for my test post at my test installation – here runs ENFOLD v4.6 and it is the same.

• This reply was modified 5 years, 3 months ago by BeeCee. Reason: private data added

@ismael

Thanks, but I don’t see that it works, sorry, the Table of Content is still above the featured image of the post, instead above the content of the post:

View post on imgur.com

Please look above the featured image, there is the TOC and not right above the content, where it belongs and where the shortcode has been added.
I added the shortcode within the post editor, where it belongs: the TOC should be at the beginning of this post’s content/text:

View post on imgur.com

Thanks, but I am not a coder, I don’t understand what you mean and what I have to do.

Isn’t it possible to make changes to your snippet – see private data below?