Divi Table Of Contents Maker Plugin Feature Update 1.1

Divi Table Of Contents Maker Plugin Feature Update 1.1

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 to get all the exciting details!

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

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

Last updated Dec 1, 2022 @ 6:58 pm

Subscribe

Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore 🙂

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

0 Comments

Submit a Comment

Your email address will not be published.

Recent Posts

0

Your Cart