website logo
Product FeedCommunity Forum
API Docs
Template JS
Headless SDK
Navigate through spaces
⌘K
Introduction
Getting Started
Quickstart : Smart Search
Quickstart : Smart Category Merchandising
Quickstart : Smart Recommendations
Quickstart : Moi
Apps/Plug-ins
Guide
Structure
Configuration
JS Library
Versioning
Template Reference
Build UI
Custom Templates
Modify Request
Modify Response
Modify Recommendations
Styling CSS
Analytics/Tracking
How To
Add Filters To URL
Add Pagination To URL
Add-To-Cart Function
Customer Groups
Facet Option Order
Facet Show/Hide
Infinite Scroll Results
Items Per Page
Magento B2B MSI
Multi-Currency
Ratings / Reviews
Recs Fallback Query
SortBy Options
Voice Search
Docs powered by
Archbee
Guide

Template Reference

9min



Enable Template Hints

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

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.

klib_global_templateHints=true
klib_global_templateHints=true




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

Note: When viewing the reference URL in the browser, use view-source to see the templates default markup

QuickSearch

view-source: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

view-source: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

view-source: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 19 Sep 2023
Did this page help you?
PREVIOUS
Versioning
NEXT
Set Template
Docs powered by
Archbee
TABLE OF CONTENTS
Enable Template Hints
Template Assignments
QuickSearch
Search Result Page
Category Page
Docs powered by
Archbee