Build UI
Templates Customizations

Template Reference

7min
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 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 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 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