Need different Icons for Title

Hello,

Thank you for nice comment, appreciate it.

If you want to add custom icons in front of each heading, you can customize the output by using the joli_toc_headings filter.

You would need to add custom HTML before each heading.

Example:

add_filter('joli_toc_headings', 'edit_headings', 10, 2);

// Example how to add a custom icon to all headings
function edit_headings( $headings ){ 
    $headings = array_map(function($heading){
            //edit title and add custom icon in front
            $heading['title'] = '<span class="custom-icon"></span> .' heading['title'];
        return $heading;
    }, $headings);
 
    return $headings;
}

However in the above example, the same icon is applied to each heading. You need to adapt the code to what you are looking to achieve.

I hope this answers your question.

Cheers !

• This reply was modified 1 year ago by WPJoli.

I will mark this topic as resolved