# Loading Recommendations

When you need to reload the recommendations on the page, you can use this call to reload the recommendations:

```javascript
nostojs(api => {
  api.loadRecommendations();
});
```

The call accepts an optional parameter, but in most cases, that parameter is not required. Add the optional parameter only if the reason to reload new recommendations is the result of clicking an existing recommendation and some new product was loaded. A typical use case where this would be the case is when a recommendation has a quick view button that dynamically loads a new product into a CSS overlay with ajax.

```javascript
nostojs(api => {
  api.loadRecommendations({markNostoElementClicked: "nosto­categorypg­1"});
});
```

{% hint style="info" %}
To learn more about the `loadRecommendations` usage, please refer to the [official API documentation](https://nosto.github.io/nosto-js/interfaces/client.API.html#loadrecommendations).
{% endhint %}

**Conditional loading**

By default, Nosto loads the recommendations as soon as the site’s DOM is loaded. In some use cases, Nosto needs to be loaded manually. This is done by disabling autoload directly after the nosto script:

```javascript
nostojs(api => {
  api.setAutoLoad(false)
});
```

{% hint style="info" %}
To learn more about the `setAutoLoad` usage, please refer to the [official API documentation](https://nosto.github.io/nosto-js/interfaces/client.API.html#setautoload).
{% endhint %}

and conditionally later to trigger loading

```javascript
nostojs(api => {
  api.load();
});
```

This pattern should not be used to load Nosto faster, but as a pattern to conditionally load Nosto. If `api.load()` is called before this site's DOM is loaded tagging data won't be fully available and Nosto will not function correctly.

{% hint style="info" %}
To learn more about the `load` usage, please refer to the [official API documentation](https://nosto.github.io/nosto-js/interfaces/client.API.html#load).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.nosto.com/techdocs/apis/frontend/js-apis/recommendations/loading-recommendations.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.