Side Navigation 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 4 files:

• apidata-min.js
• sidenav-min.js
• sidenav.css
• Readme.txt

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

The Theming center page opens.

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

Step 4. Click the "Edit code" button.

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

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

Note

If you already have apidata-min.js file in the assets file, you don't need to upload it.

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

The file content is displayed.

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

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

Note

If your document_head.hbs template already contains a line with apidata-min.js file, you don't need to add it. Add line with sidenav-min.js below it.

Step 8. Click Publish. The side navigation extension is displayed in articles.