I need some help trying to understand what previous consultants did and modify the Table of Contents that is labeled "On This Page," which is in a box on the right of my articles. Currently, our code only adds headers into the On This Page box if they are header 2. I want to add header 3 and header 4. It looks like they may have used a modified Copenhagen Theme. The Theme version is 2.0.0 and Templating API v2.
I have searched the help files and community to no avail. I am hoping you can help. I am new at ZenDesk and coding. The consulting company is no longer around for me to ask questions. So I apologize for my ignorance. Any help would be greatly appreciated. Thank you.
See the screenshot of a sample of an article below:

Here is the document_head.hbs file that looks similar to the first post, but line 7 has a 3.5.1 in it instead of 3.6.0

Here is the section of the article_page.hbs file that references the table of contents. I did try to add a simple addition of .content h3 into the code, but that does not work.

Here is my script.js file, in which I can't find any mention of the table of contents:
(function() {
"use strict";
ready(function() {
// Restore focus after page reload
var returnFocusTo = sessionStorage.getItem('returnFocusTo');
if (returnFocusTo) {
sessionStorage.removeItem('returnFocusTo');
var returnFocusToEl = document.querySelector(returnFocusTo);
returnFocusToEl && returnFocusToEl.focus && returnFocusToEl.focus();
}
// Open social sharing links in a new window
each('.share a', function(a) {
a.addEventListener('click', function(e) {
e.preventDefault();
window.open(this.href, '', 'height = 500, width = 500');
});
});
// Render inline micro-templates
each('[data-element="template"]', function(el) {
if (el.hasAttribute('data-template')) {
Util.renderTemplate(el, el.getAttribute('data-template'));
}
});
// Add focus classname to search field
each('.form-field [type="search"]', function(el) {
el.addEventListener('focus', function() { this.parentNode.classList.add(Util.classNames.FOCUS); });
el.addEventListener('focusout', function() { this.parentNode.classList.remove(Util.classNames.FOCUS); });
});
// Replace images with inline SVG
Array.prototype.forEach.call(document.querySelectorAll('[data-inline-svg]'), Util.replaceWithSVG);
// Smooth scroll
function maybeScroll() {
var smoothScroll = Util.getURLParameter('smooth-scroll', window.location);
if (smoothScroll === 'true' && window.location.hash) {
var offset = Util.getURLParameter('offset', window.location);
var target = document.getElementById(window.location.hash.substring(1).split("?")[0]);
Util.scrollIntoView(target, offset);
}
}
window.addEventListener('hashchange', maybeScroll, false);
maybeScroll();
/**
* Collapsible nav plugin.
* @param el
* @constructor
*/
function CollapsibleNav(el) {
this.el = el;
el.addEventListener('click', this.onClick.bind(this));
}
CollapsibleNav.prototype = {
onClick: function(e) {
var maxHeight = window.getComputedStyle(this.el).maxHeight;
if (maxHeight === 'none') {
return;
}
var isExpanded = this.el.getAttribute('aria-expanded') === 'true';
var navLink = e.target;
if (isExpanded) {
// Close the nav if the clicked link is selected
if (navLink.getAttribute('aria-selected') === 'true') {
this.el.setAttribute('aria-expanded', 'false');
this.el.classList.remove('is-expanded');
navLink.setAttribute('aria-selected', 'false');
e.preventDefault();
}
} else {
// Open the nav if it's closed
this.el.setAttribute('aria-expanded', 'true');
this.el.classList.add('is-expanded');
navLink.setAttribute('aria-selected', 'true');
e.preventDefault();
}
}
};
each('.collapsible-nav', function(nav) {
new CollapsibleNav(nav);
});
window.CollapsibleNav = CollapsibleNav;
(function() {
"use strict";
});
})();
});
})();
{{t 'comments'}}
{{t 'comments_count' count=article.comment_count}}
{{#if comments}}
{{! Sorters }}
{{#each comment_sorters}}
{{name}}
{{/each}}
{{/if}}
{{#if comments}}
{{!-------------
Comments list
-------------}}
{{#each comments}}
{{! Comment metadata }}
{{#if author.agent}}
{{/if}}
{{#link 'user_profile' class="link-implied" id=author.id title=author.name}}
{{author.name}}
{{/link}}
{{#each author.badges}}
{{#is category_slug "titles"}}
{{#if icon_url}}
{{/if}}
{{name}}
{{/is}}
{{/each}}
{{#each author.badges}}
{{#is category_slug "achievements"}}
{{#if icon_url}}
{{/if}}
{{/is}}
{{/each}}
{{#if editor}}
{{t 'edited'}} {{date edited_at timeago=true}}
{{else}}
{{date created_at timeago=true}}
{{/if}}
{{#actions}}
{{#with ticket}}
{{t 'request'}}{{id}}
{{/with}}
{{#if pending}}
{{t 'pending_approval'}}
{{/if}}
{{! Comment content }}
{{body}}
{{! Comment voting }}
{{#vote 'up' class='button button-outline-primary' selected_class='is-active' role='radio'}}
{{/vote}}
{{#vote 'down' class='button button-outline-primary' selected_class='is-active' role='radio'}}
{{/vote}}
{{vote 'sum' class='font-size-sm text-gray-600 ml-1'}}
{{/each}}
{{/if}}
{{pagination}}
{{!------------
Comment form
------------}}
{{#form 'comment' class='form text-right'}}
{{user_avatar class='avatar-img'}}
{{wysiwyg 'body'}}
{{input type='submit'}}
{{/form}}
{{comment_callout}}