Table Of Contents extension installation

For our clients’ convenience, we provide a free installation service of our extensions.

You can also install an extension by yourself if you like. It is rather simple, use the following instructions.

Step 1. Unarchive the downloaded zip file.

There will be 3 files:

  • toc-min.js
  • toc.css
  • Readme.txt

Step 2. In Guide, click on the "Customize design" icon in the sidebar.

The Theming center page opens.

ae-demo.zendesk.com_theming_workbench_Laptop_with_HiDPI_screen_.png

Step 3. Click the theme you want to edit to open it.

ae-demo.zendesk.com_theming_workbench_Laptop_with_HiDPI_screen_.png

Step 4. Click the "Edit code" button.

ae-demo.zendesk.com_theming_workbench_Laptop_with_HiDPI_screen___3_.png

Step 5. In the Assets section, click Add asset, then browse to select your files. 

ae-demo.zendesk.com_theming_workbench_Laptop_with_HiDPI_screen___5_.png

Select all *.js and *.css files from unpacked zip.  The files are added to your list of asset files.

ae-demo.zendesk.com_theming_editor_a88edbf4-f1e0-45d5-b8fe-5bee2e9d7811_templates_document_head.hbs_Laptop_with_HiDPI_screen___2_.png

Step 6. In your theme code configuration page under the templates directory, click the document_head.hbs  file.

The file content is displayed.

ae-demo.zendesk.com_theming_workbench_Laptop_with_HiDPI_screen___7_.png

Step 7. In the document_head.hbs file, paste the following snippet

<link rel="stylesheet" href="{{asset 'toc.css'}}" />
<script src="{{asset 'toc-min.js'}}"></script>

ae-demo.zendesk.com_theming_editor_a88edbf4-f1e0-45d5-b8fe-5bee2e9d7811_templates_document_head.hbs_Laptop_with_HiDPI_screen___1_.png

Step 8. Click Publish. The table of contents navigation is displayed in articles.

Articles in this section

Was this article helpful?
0 out of 0 found this helpful
Share

Comments

0 comments

Please sign in to leave a comment.