---
title: Template Reference
slug: template-js/reference
docTags: 
createdAt: 2022-07-12T20:26:18.000Z
---

The template `id` is assigned to the template `name` during the rendering process.

Use the charts below to quickly reference the default template associations

:::hint{type="info"}
**Note:** When viewing the reference URL in the browser, use **view-source** to see the templates default markup
:::

## QuickSearch

:::BlockQuote
[https://js.klevu.com/theme/default/v2/quick-templates.tpl](https://js.klevu.com/theme/default/v2/quick-templates.tpl)
:::

| **Script Template ID**                  | **Render Name**                       |
| --------------------------------------- | ------------------------------------- |
| #klevuQuickTemplateBase                 | klevuTemplateBase                     |
| #klevuQuickProducts                     | klevuQuickProducts                    |
| #klevuQuickProductBlock                 | klevuQuickProductBlock                |
| #klevuQuickNoResultFound                | klevuQuickNoResultFound               |
| #klevuSearchPersonalizations            | klevuSearchPersonalizations           |
| #klevuQuickTemplateResultsHeadingTitle  | klevuQuickTemplateResultsHeadingTitle |
| #klevuQuickProductBlockTitleHeader      | klevuQuickProductBlockTitleHeader     |
| #klevuQuickAutoSuggestions              | klevuQuickAutoSuggestions             |
| #klevuQuickPageSuggestions              | klevuQuickPageSuggestions             |
| #klevuQuickCategorySuggestions          | klevuQuickCategorySuggestions         |
| #klevuQuickTemplatePagination           | klevuQuickTemplatePagination          |
| #klevuQuickPromotionBanner              | klevuQuickPromotionBanner             |
| #kuTemplatePopularSearches              | kuTemplatePopularSearches             |
| #kuTemplateRecentSearches               | kuTemplateRecentSearches              |
| #klevuQuickTrendingProductBlock         | klevuQuickTrendingProductBlock        |
| #klevuTrendingProducts                  | klevuTrendingProducts                 |
| #klevuQuickRecentViewedProductBlock     | klevuQuickRecentViewedProductBlock    |
| #klevuRecentViewedProducts              | klevuRecentViewedProducts             |
| #klevuTemplateNoResultFoundQuick        | noResultsFoundQuick                   |
| #klevuQuickNoResultsFoundBanners        | quickNoResultsFoundBanners            |
| #kuQuickNoResultsPopularSearches        | quickNoResultsPopularSearches         |
| #klevuQuickNoResultsPopularProducts     | quickNoResultsPopularProducts         |
| #klevuQuickNoResultsPopularProductBlock | quickNoResultsPopularProductBlock     |
| #quickSearchResultProductStock          | quickProductStock                     |
| #searchResultProductVATLabelQuick       | searchResultProductVATLabelQuick      |
| #klevuQuickTemplateFilters              | klevuQuickTemplateFilters             |
| #klevuQuickTemplateSortBy               | klevuQuickTemplateSortBy              |
| #kuTemplateQuickResultsViewSwitch       | kuTemplateQuickResultsViewSwitch      |
| #klevuQuickTemplateTabResults           | klevuQuickTemplateTabResults          |
| #klevuQuickOtherContent                 | klevuQuickOtherContent                |
| #klevuQuickTemplateContentBlock         | klevuQuickTemplateContentBlock        |
| #klevuQuickImageSearchContent           | klevuQuickImageSearchContent          |
| #klevuQuickProductRating                | klevuQuickProductRating               |



## Search Result Page

:::BlockQuote
[https://js.klevu.com/theme/default/v2/landing-templates.tpl](https://js.klevu.com/theme/default/v2/landing-templates.tpl)
:::

| **Script Template ID**                   | **Render Name**                         |
| ---------------------------------------- | --------------------------------------- |
| #klevuLandingTemplateBase                | klevuTemplateLanding                    |
| #klevuLandingTemplateResults             | results                                 |
| #klevuLandingTemplateProductBlock        | productBlock                            |
| #klevuLandingTemplateResultsHeadingTitle | klevuLandingTemplateResultsHeadingTitle |
| #klevuLandingTemplatePagination          | pagination                              |
| #klevuLandingTemplateFilters             | filters                                 |
| #klevuLandingTemplateTopFilters          | filtersTop                              |
| #landingPageProductAddToCart             | landingPageProductAddToCart             |
| #landingPageProductColorSwatches         | landingProductSwatch                    |
| #quickViewProductColorSwatches           | quickViewProductSwatch                  |
| #landingSearchResultProductStock         | landingProductStock                     |
| #searchResultProductVATLabel             | searchResultProductVATLabel             |
| #klevuLandingTemplateSortBy              | sortBy                                  |
| #klevuLandingTemplateLimit               | limit                                   |
| #klevuLandingTemplateTabResults          | tab-results                             |
| #klevuLandingTemplateContentBlock        | contentBlock                            |
| #searchResultProductBadge                | landingProductBadge                     |
| #klevuLandingPromotionBanner             | klevuLandingPromotionBanner             |
| #klevuLandingTemplateNoResultFound       | noResultsFoundLanding                   |
| #klevuLandingNoResultsFoundBanners       | landingNoResultsFoundBanners            |
| #kuNoResultsPopularSearchesLanding       | noResultsLandingPopularSearches         |
| #klevuNoResultsPopularProductsLanding    | noResultsLandingPopularProductsTemplate |
| #kuFilterTagsTemplate                    | kuFilterTagsTemplate                    |
| #kuTemplateLandingResultsViewSwitch      | kuTemplateLandingResultsViewSwitch      |
| #klevuLandingTemplateSearchBar           | klevuLandingTemplateSearchBar           |
| #klevuQuickImageSearchContent            | klevuQuickImageSearchContent            |
| #landingImageRollover                    | landingImageRollover                    |
| #klevuLandingTemplateInfiniteScrollDown  | klevuLandingTemplateInfiniteScrollDown  |
| #klevuLandingImageSearchUploadBanner     | klevuLandingImageSearchUploadBanner     |
| #klevuLandingImageSearchUploadBanner     | klevuLandingImageSearchUploadBanner     |
| #klevuLandingProductRating               | klevuLandingProductRating               |
| #klevuLandingProductRatingCount          | klevuLandingProductRatingCount          |



## Category Page

:::BlockQuote
[https://js.klevu.com/theme/default/v2/catnav-templates.tpl](https://js.klevu.com/theme/default/v2/catnav-templates.tpl)
:::

| **Script Template ID**                   | **Render Name**                         |
| ---------------------------------------- | --------------------------------------- |
| #klevuLandingTemplateBase                | klevuTemplateLanding                    |
| #klevuLandingTemplateResults             | results                                 |
| #klevuLandingTemplateProductBlock        | productBlock                            |
| #klevuLandingTemplateResultsHeadingTitle | klevuLandingTemplateResultsHeadingTitle |
| #klevuLandingTemplatePagination          | pagination                              |
| #klevuLandingTemplateFilters             | filters                                 |
| #klevuLandingTemplateTopFilters          | filtersTop                              |
| #landingPageProductAddToCart             | landingPageProductAddToCart             |
| #landingPageProductAddToCart             | landingPageProductAddToCart             |
| #landingPageProductColorSwatches         | landingProductSwatch                    |
| #quickViewProductColorSwatches           | quickViewProductSwatch                  |
| #landingSearchResultProductStock         | landingProductStock                     |
| #searchResultProductVATLabel             | searchResultProductVATLabel             |
| #klevuLandingTemplateSortBy              | sortBy                                  |
| #klevuLandingTemplateLimit               | limit                                   |
| #searchResultProductBadge                | landingProductBadge                     |
| #klevuLandingPromotionBanner             | klevuLandingPromotionBanner             |
| #klevuLandingTemplateNoResultFound       | noResultsFoundLanding                   |
| #klevuLandingNoResultsFoundBanners       | landingNoResultsFoundBanners            |
| #kuNoResultsPopularSearchesLanding       | noResultsLandingPopularSearches         |
| #klevuNoResultsPopularProductsLanding    | noResultsLandingPopularProductsTemplate |
| #kuFilterTagsTemplate                    | kuFilterTagsTemplate                    |
| #kuTemplateLandingResultsViewSwitch      | kuTemplateLandingResultsViewSwitch      |
| #klevuLandingTemplateSearchBar           | klevuLandingTemplateSearchBar           |
| #klevuQuickImageSearchContent            | klevuQuickImageSearchContent            |
| #landingImageRollover                    | landingImageRollover                    |
| #klevuLandingTemplateInfiniteScrollDown  | klevuLandingTemplateInfiniteScrollDown  |
| #klevuLandingProductRating               | klevuLandingProductRating               |
| #klevuLandingProductRatingCount          | klevuLandingProductRatingCount          |



## Enable Template Hints

There are two steps to enable Template Hints:

- set a sessionStorage variable by opening your browser's Developer Tools, going to the Console and typing the following command:
  - `sessionStorage.setItem('klv_debugMode', true);`
- Once you have ran the above command in the Console you can append the parameter `klib_global_templateHints=true` to your URL.

:::BlockQuote
https\://www\.yourdomain.com/search/q=\***\&klib\_global\_templateHints=true**
:::

This will expose the micro-template positioning, each with a red border for context as well as the associated `name` used for rendering.

::Image[]{src="https://api.archbee.com/api/optimize/816_4eGYZQxALlijMlcBN/C0smdmanTnhmmlTzxWQ0O_image.png" size="54" width="565" height="547" caption="klib_global_templateHints=true" position="center" showCaption="true"}