Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1070250
    Moonworks
    Participant

    I think the table of contents element is going to be very useful, but I’m not sure how to get it to look just as you have it in your example:

    Table Of Contents

    I’ve got it to partly work, but there are two things which it doesn’t do, which your example does.

    How do I get it to be beside the text, with the text flowing around it?

    How do I get it to show on each page? It shows on the first page, but then it just shows the title ‘Table of Contents’ at the top of subsequent pages, but no table of contents.

    My test is here:

    http://sylv.net/contents-test

    I’ve attached the code used ion a text file.

    Thanks.

    #1070293
    Christopher
    Moderator

    Hi there,

    You can add <!–nextpage–> to each section (for each item in table of contents) in the page.

    Here is a detailed instructions in using table of contents shortcode (https://community.theme.co//forums/topic/table-of-contents/#post-1357)

    Hope it helps.

    #1070306
    Moonworks
    Participant

    Sorry, I should have mentioned that I’m using this within Visual Composer, not sure if there is another way to also do it.#

    Does this mean, I need to create a separate one for each new page?

    I’m using the <!–nextpage–> command, the bit I’m really not sure of is how to get the text to flow around the TOC, as shown in the example on your site.

    #1070681
    Rad
    Moderator

    Hi there,

    You just need a single page and divide it with ‹!--nextpage--›, example,

    This content is for Page 1 
    [toc]
    
    ‹!--nextpage--›
    
    This content is for Page 2 
    [toc]
    
    ‹!--nextpage--›
    
    This content is for Page 3 
    [toc]

    There should be the individual instance of toc in every division. And it will not work on VC, dividing content will break VC structure.

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1070250 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>