website logo
Product FeedCommunity Forum
API Docs
Template JS
Headless SDK
Navigate through spaces
API Docs
Template JS
Headless SDK
⌘K
Introduction
Getting Started
Quickstart : Smart Search
Quickstart : Smart Category Merchandising
Quickstart : Smart Recommendations
Apps/Plug-ins
Guide
Structure
Configuration
JS Library
Versioning
Template Reference
Build UI
Custom Overrides
Recommendations Webhooks
Styling CSS
Analytics/Tracking
How To
Add Filters To URL
Add Pagination To URL
Add-To-Cart Function
Customer Groups
Infinite Scroll Results
Magento B2B MSI
Ratings / Reviews
SortBy Options
Docs powered by archbee 
8min

Template Reference



Enable Template Hints

Enable Template Hints by appending the parameter klib_global_templateHints=true to your URL.

e.g: 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.



Template Assignments

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

Use the charts below to quickly reference the default template associations

QuickSearch

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

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

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



Updated 03 Mar 2023
Did this page help you?
Yes
No
UP NEXT
Custom Overrides
Docs powered by archbee 
TABLE OF CONTENTS
Enable Template Hints
Template Assignments
QuickSearch
Search Result Page
Category Page