Subscribe On YouTube

Join other subscribers and enjoy other Divi video tutorials!

Divi Table Of Contents Maker Plugin Feature Update 1.1

Nelson Miller Profile Orange
I'm excited to announce an update to the Divi Table Of Contents Maker plugin with helpful new features, improvements, and settings.

▶️ Please watch the video above to get all the exciting details! 👆

New Features

Automatically Collapse When sticky

When you make the table of contents sticky, you may also want it to collapse automatically as you scroll to get it out of the way. This is especially useful on mobile to save space and make it collapse at the top but still be available. So now you can enable this per devices as needed, pretty cool!

collapse when sticky setting in the Divi Table of Contents Maker module plugin by Pee Aye Creative

Collapse To Icon Only

We love giving you options! Now you hide the title and collapse the table of contents into a single icon. Works beautifully in a sidebar!

collapse to icon only GIF

Highlight Active Link

In the previous versions, we made the active link that matches the current heading in the browser viewport highlighted by default, but it actually confused a few of you who were wondering why one of the links had the wrong color 🙂 So we decided to make it optional, and now you can choose to enable or disable the active link highlighting.

active link highlighting setting in the Divi Table of Contents Maker module plugin by Pee Aye Creative
screenshot demos.peeayecreative.com 2022.10.27 13_10_59

Keyword Highlight

This is a feature that is not very common, but one that I find very helpful, and a few sites are starting to have it. If you enable the keyword highlight feature, a new search field will appear inside the table of contents.

show keyword highlight setting in the Divi Table of Contents Maker module plugin by Pee Aye Creative

Here you can type any word that you want to find in the post, and it will highlight the word in the content of the post.

keyword highlight setting in the Divi Table of Contents Maker module plugin by Pee Aye Creative

Here is an example on our demo site using our favorite keyword and the default design styles:

example of the keyword highlight feature in the Divi Table of Contents Maker plugin by Pee Aye Creative

There are also design settings for every aspect of this new feature, including the search field and the highlighted words in the content. Here they are:

keyword highlight design settings in the Divi Table of Contents Maker module plugin by Pee Aye Creative

Scroll Speed

If you have a lot of headings, it can take up to 10 seconds after clicking a link to scroll to the bottom of the post, due to the smooth scroll. So we solved this by adding a scroll speed, which basically acts as the maximum allowed speed within the smooth scrolling. We set it to 2 seconds by default, which seems pretty nice.

scroll speed setting in the Divi Table of Contents Maker module plugin by Pee Aye Creative

Max-Height

We soon realized when you have a lot of headings in your post, the table of content can get very long. To solve this, we added a setting to set the maximum height for the content area of the module.

content height setting in the Divi Table of Contents Maker module plugin by Pee Aye Creative

Scrollbar Design Settings

When a maximum height is set for the content area, a scrollbar automatically appears. We added some default styles for that, but you can customize it however you want!

scrollbar design settings in the Divi Table of Contents Maker module plugin by Pee Aye Creative

Live Demo

We used our own module to create the live demo for the module! We even include the documentation as the content, so be sure to check it!

view live demo of the Divi Table of Contents Maker module

Documentation

As with all of our products, every setting and feature of the plugin is well documented! Go check out the plugin documentation area for everything you need to know about using the module.

Divi Table of Contents Maker Module Plugin by Pee Aye Creative 1.0

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

2 Comments

  1. Ellen

    Awesome tool first of all. But i have a question. Is it possible to keep the active link highlighted until the next active link?

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

0

Your Cart