Customizing the Navigator service
| 1. |
Display custom titles in the Top and Hot lists in Navigator |
The Top list displays entries by their actual path on your site, or by the path attribute in case it is specified in the corresponding Ratings widget instance. You can use the title="Custom title" attribute in the Ratings widget to override the default title for the purpose of being displayed in the Navigator's Top and Hot lists.
<div class="js-kit-rating" title="Custom title"></div> <script src="https://js-kit.com/ratings.js"></script> |
|---|---|---|
| 2. |
Prohibit particular Ratings entries from entering the Top list |
You can prevent a particular instance of Ratings from entering the Top list by specifying the notop="yes" attribute in the Ratings service's DIV:
<div class="js-kit-rating" notop="yes"></div> <script src="https://js-kit.com/ratings.js"></script> |
| 3. | Customize number of entries |
By default, 10 items are displayed on. If you would like to customize the number of items, use the count attribute:
<div class="js-kit-top" title="Our Top Pages" count="5"></div> <script src="https://js-kit.com/top.js"></script> |
| 4. |
Use a permanent URL for each Top entry |
By default, the page that an object is rated on is used as the destination link for any item in the Navigator.
If you have a permanent URL that you would like Navigator to point to
use the permalink attribute in the Ratings widget
<div class="js-kit-rating" permalink="/permanent/link/to/page"></div> <script src="https://js-kit.com/ratings.js"></script> |
| 5. |
Custom design skins |
You can choose from several predefined design skins by using the skin attribute. The currently available skins are: ice, silver, suede. The following is an example of the Ice skin:
<div class="js-kit-top" title="In the Spotlight" skin="ice"></div> <script src="https://js-kit.com/top.js"></script> |