Extensions

Side navigation

Installation Usage

  1. Unpack the downloaded zip file. There will be the following files:

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

  2. In Guide, click on the Customize design icon in the sidebar. The Theming center page opens.

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

  4. Click the Edit code button.

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

    Select the sidenav-min.js and sidenav.css files from unpacked zip.  The files are added to your list of asset files.

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

  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 a line with sidenav-min.js below it.

  8. Click Publish.