Prev next buttons

The Prev Next extension adds buttons at the end of articles, which forward to the previous or the next page. This makes working with Help Center easy. There is no need to go back to the list of articles to look for the next article to open it.

Unpack the downloaded zip file. There will be three files:
- apidata-min.js
- prevnext-min.js
- Readme.txt
In Guide, click on the Customize design icon in the sidebar. The Theming center page opens.
Click the theme you want to edit to open it.
Click the Edit code button.
In the Assets section, click Add asset, then browse to select your files.

Select the prevnext-min.jsfile from the unpacked zip. The file is added to your list of asset files. If you don't use one of our themes, also upload the apidata-min.js file.
In your theme code configuration page under the templates directory, click the document_head.hbs file.

In the document_head.hbs file, paste the following snippets:


<script src="{{asset 'apidata-min.js'}}"></script>


<script src="{{asset 'prevnext-min.js'}}"></script>

If you are not using our themes. In the article_page.hbs file, paste the following snippet in the place where you want to display the extension:
```
<div data-prevnext></div>
```
Click Publish. The Prev Next buttons are displayed in articles.

Options can be passed to the data-prevnext attribute as a valid JSON object. For example:


<div data-prevnext='{"classNameBtn": "btn btn--primary", “showArticleTitle”: false}'></div>

Name	Type	Default	Description
`classNameBtn`	`String`	`btn btn--primary`	CSS class name for the button
`classNameDisableBtn`	`String`	`btn btn--default`	CSS class name for the inactive button
`showArticleTitle`	`Boolean`	`false`	Display the title of the previous and next article in a button
`prev`	`String`	`Prev`	Text in the button for the previous article
`next`	`String`	`Next`	Text in the button for the next article

Prev next buttons

Get a Personalized Solution for Your Help Center