forum

Swedish

.AspNetCore.Session

.AspNetCore.Antiforgery.47DEQpj8HBQ

Within the Swedish country-code top-level domain (.se), 'www.cyberphoto.se' is registered; it also runs on subdomain 'www'. The second-level label 'cyberphoto' is 10 characters long with 3 vowels and 7 consonants. Word splitting yields 2 words: cyber, photo. The median word length lands at five characters. No strong language cues emerged from the frequency lists.

html/7c/7f/7c7f0580-3516-4076-a67d-cc042d1a930c_fallback.html.gz

Black Friday 2025 hos CyberPhoto | CyberPhoto

html/7c/7f/7c7f0580-3516-4076-a67d-cc042d1a930c.html.gz

cookie-information-sharinglibrary-iframe

Cookie Information cookie sharing library

82b28bbe06a6f7ba1aa3968711a6c3e73250bc912a55026888d4050d1c4386ab

9597c2fa3be05d3fd42f20bea03b13260ff7bb8ed2a19e3fdeb5a9d333e02c18

37b46230a69c31b1c5c2cd9ba937bbb0aac6dec1fa00dc34cd2af8c6e4080e22

7d643338aff58e03de0ee5b58ec61afba1ce7960e5add1427b8acd76f5bf4b15

ab47b68d739ed49b93b23bb3895e13ad7b0503c7a5139d4d942a02360d508453

5b84b67ec2c7d906309904812a0335a90b2a956f1892173f0b7b88c7cbfc3119

a2f5495488aaf75c243044a17f17279074d32239b6f423928af58373f8d58823

4c2138235368b90da19b5c17d355f4df4fd315a1898feef07be03a4dafe7e3dd

c2c053a07669e8b215ea92542b66b42f4c0183e6149cb0506c1fba3debdf7eac

274c94ecafb4aab69f1923e770dc7b61b9f30a294dcdd79def3bd2f3c4c61bf9

53dc4477f91fbaf1bb624477ff15b05617544eb0eb402cc13559c43692c9c142

0a43abd694ca734e1dc28cb0d9d1720befa84f41fccf60cdf07c79f493d2c122

171b1d49611fd6275874b9c17073aa30df94761bf959e2ace5131dc8eaa3f7dd

b30e7a9c27d5ccdcdb15642e99ed77853d86f7a1584fd8f6abc1636eb8c46f37

c7c1373221e665965b40c7c3e973546da1d94667110ecc782ffe6817dfe6ce79

88fdb4e422b862e52817c95db841ab1d82be5649650cfdc79954d1544656ea84

992ccdc17864d6c5dfbc2d85107a2b0857aef316c26aa071bb6170f5fb796f78

200c8b2b4f384af8ae0bc263ea01bbb00f840fbb31382981a43e3d7b2a7a8948

3c41f63873f2bfa5d89bac3bf91cd7855bacce99e77ba6ae559230e330dedd31

41d759cc5ba1843c219378718a17765d40773829e4d6471ed51dcf6a3e761e25

dbdc54cfded8193ed4df14a1b1b11d6a69da41fa4941aace8f1b58a036f91c0f

604edd9d1d3d6823864bc7aee9d257a0765fb6e8c40ea6f9001fbf4675741711

850014fd0a1a00ab7da83f9bd6a3bc67c57547931f1a42ff7c902f98946728e8

acfea294915b3a0e28e152147b7c046721af26e9d1607b66b959eee257aa0607

4e37309b11211e72260341f3c6e2a7a1a895851940aff259b13faed5a26567d2

268fd3e9e28acc4528d1a6646d9baed0ab5083b5b1308c00c7c2c5e2480fde97

95e4f2071e2e6ac22931ac9384da8e1df6a7ccaf1ab963da418ed44ea370cf00

72c6b00b9f1feaf442319bea1f88ef32cd6016c88949664ea09352f34e4eae0f

0c261d19a8886a6b1ad9bf7711a7b86ae95967468221540d7422959e892391a4

b49a9e4c480aec61267ac60b06de19c1db9674c1aed1c60aae01b2fa86c0a141

dd2bffe9c65f9c29ec04bc54f002385dc7ab5b7fe3889af0445ed007bf766099

98e6107c3bf6dede26db2351ad2f4f9ab7e925c74af3fd744c43870851775055

222423951e359bb5747069620418391bf2cd339c9ef1c42af00d3d368b346595

251a8dc189a0b6865910e591911718a5fc89fb30ee1229af8187b7f126a8b336

df862789d023d14c609c22ed23c1683e7b14bfa3f90239607844648f08e42332

a08ecbe2ba5eae71b348e8022bb375d36fe04ae21636e2373580486ba67ca95a

19a7585a3c9afc8d75ef9ebb346d51eef932b1b2ceaa8d04953cbbfbe8b24045

b7fb80b28030a48e989080c13a502a253c2a2d04cf96308c0a2d07b24248d006

fdf49e1417afb7ab61f1fc72304ffab2e27423426d4d0ba302858bc9aa5c3093

cef7b6b355b3d3abb5ecb4080a6433ae366cf422f6a3c0608753b3be52f8e4ce

817a31aa363875f472c4571a6e124e71b380c29ed5d2e42ae6d3409c42362ac5

c561bde54ead3681e46075a5a38b7bea92e1272edb6e728f657aa4768bd09f92

f9d745e9ac642c67ca442a75edb0304c19e020de504f6391873a1492eabc0a29

ed65140605ec3b9a5c75833661d84a91f25df3bb843c708cc6ac2059fae21e25

2b67d0dfed9d0982e18781323fa0d306410d67d20c45d80abd5e835258242ab6

863dd01553047f1f45d4fec0fb9891aa1475dc77cf252527a80a6d6f9ce180b1

68ee45518284e29bde2f1c72fd8354403c964814a52d3188c0f3b82be47207f5

d6f0e61ffe63da411d003a6f60ef2218951ef3178891e3b3de9d905737bc2546

f23eb1954254cce9c3f03d6bcc1fdbe896b878e3f487a87a6d8330284751d2c7

20bc6448ac46189c03f2ec4668383afe2949086cfc2235f02ebfe850faf4a1c8

32f4799e3c88c5568f0b703c0d797f71624a6a89f58a550c8d571fe418285d22

b38b5f9bf8698f72d13ffc162f0ba9fb1621f7e7da3c4d138483aa1cf0696fef

6630ce0e7bfa080e95b1756bf95d4485aad082e98b7ebf51ca4f4ace1ab1e095

382e648c1a274681ac9b6414a6977baea02c122f0fbf663d71efd59e033e5c06

2fe5f60be01ef44265f6a62f21948afb1200e018e5cf1569371ad416d705c5e0

405c25a0d042c2e333628b0540b426ced7bfa37f2f80ed26a257887268d54bf8

91653af9f48da1c68cc344b628f995bf691a726b9c58fab5fb5e2cc7d15b682d

366be26a9a5d7808faf6aa839a8876cb2fa5dbefdf52a1bd6ce4da9a2a3e16d4

da2bfcad2ed416f72fb23a097b440b4b536db95f83d329b1da3923526ce035c6

5576b851a9fac38e9dbb2f7c42cf408923a101fcdeda2869b9182cfd1e28a619

6d9c0b8870436a78100485b953302b80054627d6ac93248997a1ae16b28b4e7c

4ae4972f0e27ac6a50bab988f0b59ff20fb8e4728d0f768afef765e18611dcab

9b921360222851bc1ffbfb12f7d4beb89c9ef47391321c22821e11ca9271f0f6

ae31c3c5aa3d5e820eee237cc36e7c43befbc0582eef67db05b78716d047554b

629b2b0342df20308f5297c3ccf6223212c0e7cc4346251adde0d92e61cfb5e0

185204ee412e096d106dff67d4dc210f9ab402ea74986e2be2123324653430a8

546d6e1a181f14b1c356259982a9eaef3894c3c6193c6aa531d8ec1049439dfe

09fffb4db351508855a92cfd3856af3c76a6c5db67dd665325fd15b457728c41

ac8de00b1be40e7b3244c20ba0e7a70e10ad2959a6976ba36a7b823abdcec1fc

deae2c7a6001a1a4b13856b4bce7b172e817cd9aed308e9403bf6dbbb2af24a6

81ea65096e729d58041842fa3493337da7693e8660ca8ebfc45fb7205e4c3f39

f0368485362e053455110777205e7f66436d383a29764a63a88972a8955a38e0

7e3f683dbbe6a1826ec46d48e3e01b8c82df46feab7c25e37371e23a2aaae7f0

affc0236671ecfd49ff57ea03975f4c3e153ab1383d2854ad4f46ff8b1290652

8429df31d87ec9b44af6908f55d7180bf60298ffe3907b18c322f631d9c77e59

4bfe870658b244f1c8427c9e6a4bb5853f996348d30870cf4f8e1ed39d7a1c38

5f6a2e5314330e41add70e849ed06f4c3ef0a7eebe10295c287bf25bfb5e536e

147695087547dade7163571141cc331f09e605de61aa4a2ed2d838e3ec2614e4

7420eeb771715752ee370c6e7ae6db6948c28768c17e1fc391fb2bee37712464

bc97f6c3882b83df96e4934fbf0afb0a96956f5b8d67b7916d9d5e8caaa4d0a2

4f6f3ce10d2ec2ff1a234e516588eef6a9d12cf312cc2f0709b77c5a6b3e46b2

5935e94c32f64d48cfa5a79ee43146155679f5d6b03d4c56c1ec6bc887ed1998

567c4053c1f7e3a2e1173bc96809834d39adce6a6b8001c0d91ee5cf596c385b

fff9dab9a2071cce0c1196673c024cc482c4fa6622c05a4d4666432bbb17a051

c5b878c6ba95b607420d92f87ddf15d39776ca4c779e56a6f0900e66f054cecf

db22d886ad45f080f50718386df042c442fccfe4b903e3ce3991d9358c3a6083

bc113aee91ddfb7b0c39d64b91f27e5a5ae652699703eafc49360fa64848258f

0214c2153bf5416172db410ef5aca88104454fcb77e06345c44e132b161118f3

206114118378fae2448ca20f7781babeef918f966c02d1de994b71c088190956

e0df0a17bebfbfc5539351f0d011909e42919469a5830e0a4b56f9bc4b662aaa

af5847fc91cfa15150ca59668d205c2bef98fe84932f9d55f2cd946520f89261

c648b55fb52d07d21c4fe39246821fd066ad0957e9581c4f82df7a6e26688370

3c4b51564fd4e2e1f49c9e392f595a6c5d23b7c815817b4d9ab45949f0138fcf

Black Friday-deals - Köp nu, betala i februari

viewport

Black Friday-kampanjer! Sidan uppdateras under hela Black Week och fram till Cyber Monday så att du snabbt och enkelt kan hitta alla våra erbjudanden samlade på ett och samma ställe. 

description

robots

generator

https://www.cyberphoto.se/storage/3BC86D9198496FBC9000913133AB66FA331575A0E8D291DF7AADBAB1844E1FB9/2c1d6bdef667481fb446e58e80660714/png/media/4fb719be8e7b41e58ad277ec9d978be3/cyberphoto.png

https://www.cyberphoto.se/kampanjer/black-friday

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

child-src https:  chrome-untrusted://new-tab-page/ chrome-untrusted://ntp-microsoft-auth/;connect-src chrome://resources chrome://theme 'self';default-src 'self';font-src chrome://resources 'self';img-src chrome://resources chrome://theme chrome://image chrome://favicon2 chrome://app-icon chrome://extension-icon chrome://fileicon blob: data: 'self';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources chrome://webui-test 'self';style-src chrome://resources chrome://theme 'self' 'unsafe-inline';trusted-types parse-html-subset sanitize-inner-html static-types webui-test-script webui-test-html polymer-html-literal polymer-template-event-attribute-policy lit-html-desktop;frame-ancestors 'none';

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/

cyberphoto.se


    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }



        globalThis.KlevuApiKey = 'klevu-169761350968416815';
        globalThis.KlevuLanding = '/sok';
        globalThis.KlevuEnabled = 'True';
        klevu_lang = 'sv';
        klevu_addToCartEnabled = true;
        klevu_storeTranslations = {
            "Pages": "SIDOR/BLOGGAR",
            "<b>%s</b> contentList": "<b>%s</b> sidor/bloggar"
        }
    


    klevu.beforeActivation('quick', function (data, scope) {
        var klevu_keywordUrlMap = klevu.search.modules.kmcInputs.base.getKeywordUrlMap();
        if (typeof klevu_keywordUrlMap !== "undefined" && !klevu.isEmptyObject(klevu_keywordUrlMap)) {
            var redirectsFromSettings = klevu.getSetting(scope.kScope.settings, "settings.search.redirects");
            redirectsFromSettings = !klevu.isUndefined(redirectsFromSettings) ? redirectsFromSettings : {};
    
            if (scope.closest('form') !== null) {
                const form = scope.closest('form');
    
                // Function to handle keydown event
                var handleKeydown = function (e) {
                    e = e || window.event; // IE compatibility
                    var key = e.key || e.keyCode; // IE uses keyCode
                    var searchTerm = scope.value;
    
                    if ((key === 'Enter' || key === 13) && redirectsFromSettings.hasOwnProperty(searchTerm)) {
                        if (e.preventDefault) {
                            e.preventDefault(); // Prevent default action (form submission)
                        }
                        if (e.stopPropagation) {
                            e.stopPropagation(); // Prevent the event from bubbling up
                        } else {
                            e.cancelBubble = true; // IE < 9
                        }
                        // Optional: Handle the redirection or other logic here
                        window.location.href = redirectsFromSettings[searchTerm];
                    }
                };
    
                // Apply keydown event listener to the input field
                scope.addEventListener('keydown', handleKeydown);
    
                // Apply keydown event listener to the form
                form.addEventListener('keydown', handleKeydown);
            }
        }
    });



    klevu_addToCartEnabled = true;
    klevu_uc_userOptions = {
        addToCartButton: 'L&#xE4;gg till'
    }

    function klevu_addtocart(id, url, qty) {
        let addToCartEvent = new CustomEvent('klevuAddToCart', { detail: { id, url, qty } });

        window.dispatchEvent(addToCartEvent);
    }



            klevu.afterTemplateRender('landing, catnav', function (data, scope) {
                const currentDocumentHeight = document.documentElement.scrollHeight;
                document.body.style.minHeight = `${currentDocumentHeight}px`;

                // reset minHeight if there are Filters or Sorting have been selected
                function resetMinHeightListener(selector, matchSelector) {
                    if (document.querySelector(selector) === null) {
                        return;
                    }
                    document.querySelector(selector).addEventListener('click', function ({ target }) {
                        if (target.matches(matchSelector)) {
                            document.body.style.minHeight = '0';
                        }
                    });
                }

                // Call the function with different selectors and matchSelectors
                resetMinHeightListener('.klevuLanding .kuFilters', '.kuFilterBox .kuFilterNames ul li a, .kuFilterBox .kuFilterNames ul li a *');
                resetMinHeightListener('.kuFilterTagsContainer', '.kuFilterTagValue, .kuFilterTagValue *, .kuFilterTagClearAll, .kuFilterTagClearAll *');
                resetMinHeightListener('.kuSearchResultsPageContainer .kuDropdown', '.kuSearchResultsPageContainer .kuDropdown .kuDropdownOptions .kuDropOption, .kuSearchResultsPageContainer .kuDropdown .kuDropdownOptions .kuDropOption *');

            });

            klevu.beforeActivation('landing, catnav', function (data, scope) {
                scope.kScope.chains.events.keyUp.remove({ name: "scrollToTop" });
            });




    if (typeof klevu_uc_userOptions === "undefined")
    var klevu_uc_userOptions = {};

    const myPriceFormatters = {
      SEK: {
        appendCurrencyAtLast: true,
        currencySymbol: ":-",
        decimalPlaces: 0,
        decimalSeparator: ",",
        thousandSeparator: " ",
        format: "%s%s",
        grouping: 3
      },
    };
    klevu_uc_userOptions.priceFormatter = myPriceFormatters["SEK"];



    <%
        var updatedProductName = dataLocal.name;
        if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) {
            if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) {
                updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku);
            }
        }
    %>
    <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>">
        <div class="kuProdWrap">
            <header ku-block data-block-id="ku_landing_result_item_header">
                <%=helper.render('landingProductBadge', scope, data, dataLocal) %>
            </header>
            <% var desc = [dataLocal.summaryAttribute,dataLocal.packageText,dataLocal.summaryDescription].filter(function(el) { return el; }); desc = desc.join(" "); %>
            <main ku-block data-block-id="ku_landing_result_item_info">
                <div class="kuProdTop">
                    <div class="klevuImgWrap">
                        <a data-id="<%=dataLocal.id%>" href="<%=dataLocal.url%>" class="klevuProductClick kuTrackRecentView">
                            <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" class="kuProdImg">
                            <%=helper.render('landingImageRollover', scope, data, dataLocal) %>
                        </a>
                    </div>
                    <% if (dataLocal.is_campaign === "True" || dataLocal.is_used === "True") { %>
                        <div class="absolute right-0 top-0 flex flex-col items-end gap-[1px]">
                            <% if (dataLocal.is_campaign === "True") { %>
                                <span class="product-tag product-tag--klevu bg-brand-red">Kampanj</span>
                            <% } %>
                            <% if (dataLocal.is_used === "True") { %>
                                <span class="product-tag product-tag--klevu bg-primary-900">Begagnad</span>
                            <% } %>
                        </div>
                    <% } %>
                </div>
            </main>
            <footer ku-block="" data-block-id="ku_landing_result_item_footer">
                <div class="kuProdBottom">
                    <div class="kuBrand">
                        <%= dataLocal.brand %>
                    </div>
                    <div class="kuName kuSearchResultProducts"><a data-id="<%=dataLocal.id%>" href="<%=dataLocal.url%>" class="klevuProductClick kuTrackRecentView" title="<%= updatedProductName %>"><%= updatedProductName %></a></div>
                    <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %>
                        <%=helper.render('landingProductStock', scope, data, dataLocal) %>
                    <% } else { %>
                        <ul class="product-usps text-sm text-gray-600">
                            <% if (dataLocal.usp_1) { %><li class="klevu-product-usps-usp"><%= dataLocal.usp_1 %></li><% } %>
                            <% if (dataLocal.usp_2) { %><li class="klevu-product-usps-usp"><%= dataLocal.usp_2 %></li><% } %>
                            <% if (dataLocal.usp_3) { %><li class="klevu-product-usps-usp"><%= dataLocal.usp_3 %></li><% } %>
                        </ul>
                        <% if(dataLocal.is_drop_shipment && dataLocal.is_drop_shipment.toLowerCase() === "true") { %>
                        <div>
                            <svg name="stock-box-green" class="mr-1 h-4 w-4 site-icon">
                                <use href="<%= SvgIconsPath %>#icon-stock-box-<%= "green" %>"></use>
                            </svg>
                            <span class="stock-status-description overflow-hidden overflow-ellipsis whitespace-nowrap text-sm leading-[1.2]"><%= dataLocal.stock_status_description %></span>
                        </div>
                        <% } else { %>
                        <div>
                            <svg name="stock-box-green" class="mr-1 h-4 w-4 site-icon">
                                <use href="<%= SvgIconsPath %>#icon-stock-box-<%= dataLocal.stock_status_color %>"></use>
                            </svg>
                            <span class="stock-status-description overflow-hidden overflow-ellipsis whitespace-nowrap text-sm leading-[1.2]"><%= dataLocal.stock_status_description %></span>
                        </div>
                        <% } %>
                        <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %>
                            <div class="kuPrice">
                                <%
                                    var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants);
                                    var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency);
                                    var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency);
                                    var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency);
                                    var kuDiscountPercentage = dataLocal.product_discount_percentage;
                                %>
                                <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %>
                                    <div class="kuSalePrice kuStartPrice kuClippedOne">
                                        <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span>
                                        <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span>
                                    </div>
                                <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %>
                                    <div class="flex">
                                        <span class="flex font-bold text-brand-red text-md lg:text-lg"><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%></span>
                                        <div class="flex pl-1">
                                            <span class="line-through text-sm text-gray-600"><%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %></span>
                                            <% if (kuDiscountPercentage) { %>
                                                <span class="pl-1 text-sm text-brand-red"><%= kuDiscountPercentage %></span>
                                            <% } %>
                                        </div>
                                    </div>
                                <% } else if(!Number.isNaN(kuSalePrice) && kuPrice > 0) { %>
                                    <span class="kuSalePrice kuSpecialPrice">
                                        <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %>
                                    </span>
                                <% } else if(!Number.isNaN(kuSalePrice) && kuPrice == 0) { %>
                                    <span class="kuSalePrice">Ej prissatt</span>
                                <% } else if(!Number.isNaN(kuPrice) && kuPrice > 0) { %>
                                    <span class="kuSalePrice">
                                        <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %>
                                    </span>
                                <% } %>
                                <%=helper.render('searchResultProductVATLabel', scope, data, dataLocal) %>
                            </div>
                        <% } %>
                    <% } %>
                </div>
                <div class="kuProdAdditionalData">
                    <%=helper.render('landingProductSwatch',scope,data,dataLocal) %>
                    <%=helper.render('klevuLandingProductRating',scope,data,dataLocal) %>
                    <% var isAddToCartEnabled = klevu.search.modules.kmcInputs.base.getAddToCartEnableValue(); %>
                    <% var isVariantListing = dataLocal.totalVariants != 0; %>
                    <% if(isAddToCartEnabled && !isVariantListing) { %>
                        <%=helper.render('landingPageProductAddToCart',scope,data,dataLocal) %>
                    <% } %>
                     <% if(isVariantListing) { %>
                        <a href="<%=dataLocal.url%>" class="btn btn--addtocart py-2 my-2.5 mx-2 h-8">Visa mer</a>
                    <% } %>
                </div>
             </footer>
        </div>
    </li>




    klevu.modifyRequest("landing,catnav", function (data, scope) {
        // Apply the selected facets from the current URL string
        klevu.search.modules.addFiltersToURL.base.getAndUpdateFilters(data, scope);

    });

    klevu.afterTemplateRender("landing,catnav", function (data, scope) {
        // Add selected facets to the URL string
        klevu.search.modules.addFiltersToURL.base.setFilters(data, scope);

    });





    /* Klevu addFiltersToURL Module */
    (function (klevu) {
        klevu.extend(true, klevu.search.modules, {
            addFiltersToURL: {
                base: {
                    setFilters: function (data, scope, queryId) {
                        var activeQueryId = klevu.getObjectPath(data, "context.activeQueryId");
                        if (queryId && queryId.length) {
                            activeQueryId = queryId;
                        }
                        var filterQueryParam = activeQueryId + "Filters";
                        var activeQueryFilters = klevu.getObjectPath(data, "template.query." + activeQueryId + ".filters");
                        var filterValuesQueryParam = "";
                        if (activeQueryFilters) {
                            klevu.each(activeQueryFilters, function (key, filter) {
                                var selectedFilterKeyString = "";
                                var filterOptions = filter.options;
                                var selectedValues = "";
                                if (filterOptions && filterOptions.length) {
                                    klevu.each(filterOptions, function (key, option) {
                                        if (option.selected === true) {
                                            if (selectedValues.length) {
                                                selectedValues += ",";
                                            }
                                            selectedValues += option.value;
                                        }
                                    });
                                } else if (filter.type === "SLIDER") {
                                    var startValue = filter.start;
                                    var endValue = filter.end;
                                    var minValue = filter.min;
                                    var maxValue = filter.max;
                                    if (typeof startValue !== "undefined" && startValue !== null && typeof endValue !== "undefined" && endValue !== null) {
                                        if (Number(startValue) === Number(minValue) && Number(endValue) === Number(maxValue)) { } else {
                                            selectedValues = startValue + "-" + endValue;
                                        }
                                    }
                                }
                                if (selectedValues.length) {
                                    selectedFilterKeyString += filter.key + ":" + selectedValues;
                                }
                                if (selectedFilterKeyString.length) {
                                    if (filterValuesQueryParam.length) {
                                        filterValuesQueryParam += ";";
                                    }
                                    filterValuesQueryParam += selectedFilterKeyString;
                                }
                            });
                        }
                        filterValuesQueryParam = encodeURIComponent(filterValuesQueryParam);
                        var searchPath = window.location.search;
                        var updatedPath = klevu.dom.helpers.updateQueryStringParameter(searchPath, filterQueryParam, filterValuesQueryParam);
                        if (!filterValuesQueryParam.length) {
                            updatedPath = updatedPath.replace("&" + filterQueryParam + "=", "");
                        }
                        if ('undefined' !== typeof window.history && 'undefined' !== typeof window.history.replaceState) {
                            window.history.replaceState({}, "", updatedPath);
                        } else {
                            console.log("This browser does not have the support of window.history or window.history.replaceState");
                        }
                    },
                    getAndUpdateFilters: function (data, scope, queryId) {
                        var hasAlreadyTriggered = klevu.getObjectPath(scope.kScope, "element.kScope.getAndUpdateFiltersTriggered");
                        if (hasAlreadyTriggered === true) {
                            return;
                        }
                        var matchedQueryParamId = ""
                            , matchedQueryParamValue = "";
                        var recordQueries = klevu.getObjectPath(data, "request.current.recordQueries");
                        if (recordQueries && recordQueries.length) {
                            klevu.each(recordQueries, function (key, query) {
                                if (query.id) {
                                    var filtersFromURL = klevu.dom.helpers.getQueryStringValue(query.id + "Filters");
                                    if (filtersFromURL && filtersFromURL.length) {
                                        matchedQueryParamId = query.id;
                                        matchedQueryParamValue = filtersFromURL;
                                    }
                                }
                            })
                        }
                        klevu.setObjectPath(scope.kScope, "element.kScope.getAndUpdateFiltersTriggered", true);
                        var activeQueryId = klevu.getObjectPath(data, "context.activeQueryId");
                        if (queryId && queryId.length) {
                            activeQueryId = queryId;
                        } else if (matchedQueryParamId.length && matchedQueryParamValue.length) {
                            activeQueryId = matchedQueryParamId;
                            var storage = klevu.getSetting(scope.kScope.settings, "settings.storage");
                            if (storage.tabs) {
                                storage.tabs.setStorage("local");
                                storage.tabs.mergeFromGlobal();
                                storage.tabs.addElement("active", activeQueryId);
                                storage.tabs.mergeToGlobal();
                            }
                        }
                        var filterQueryParam = activeQueryId + "Filters";
                        var filtersFromURL = klevu.dom.helpers.getQueryStringValue(filterQueryParam);
                        if (filtersFromURL && filtersFromURL.length) {
                            var facets = filtersFromURL.split(";");
                            if (facets) {
                                klevu.each(facets, function (key, facet) {
                                    var splitFacet = facet.split(":");
                                    if (splitFacet.length) {
                                        var facetKey = splitFacet[0];
                                        var facetValues = splitFacet[1].split(",");
                                        var applyFilters = klevu.getObjectPath(data, "localOverrides.query." + activeQueryId + ".filters.applyFilters.filters");
                                        if (applyFilters && applyFilters.length) {
                                            var isExistingKey = false;
                                            klevu.each(applyFilters, function (key, applyFilter) {
                                                if (applyFilter.key === facetKey) {
                                                    isExistingKey = true;
                                                    klevu.each(facetValues, function (key, facetValue) {
                                                        var isFilterOptionMatched = false;
                                                        klevu.each(applyFilter.values, function (key, value) {
                                                            if (facetValue === value) {
                                                                isFilterOptionMatched = true;
                                                            }
                                                        });
                                                        if (!isFilterOptionMatched) {
                                                            applyFilter.values.push(facetValue);
                                                        }
                                                    });
                                                }
                                            });
                                            if (!isExistingKey) {
                                                applyFilters.push({
                                                    key: facetKey,
                                                    values: facetValues
                                                });
                                            }
                                        } else {
                                            klevu.setObjectPath(data, "localOverrides.query." + activeQueryId + ".filters.applyFilters.filters", [{
                                                key: facetKey,
                                                values: facetValues
                                            }]);
                                        }
                                    }
                                });
                            }
                        }
                    }
                },
                build: true
            }
        });
    }
    )(klevu);




    <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); %>
    <div class="kuTabs" role="tablist">
        <% var selectedTab = false; %>
        <% helper.each(data.query,function(key,query){ %>
            <% if(query.tab == true) { %>
                <% if(helper.hasResults(data,query.id) || helper.hasFilters(data,query.id)) { %>
                    <a target="_self" class="kuTab<% if(!selectedTab){ selectedTab = true; %> kuTabSelected<% } %>" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab">
                        <%=helper.translate(query.tabText,data.query[query.id].meta.totalResultsFound)%>
                    </a>
                <% } else { %>
                    <a target="_self" class="kuTabDeactive" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab">
                        <%=helper.translate(query.tabText,0)%>
                    </a>
                <% } %>
            <% } %>
        <% }); %>
    </div>



    <% 
        var updatedProductName = dataLocal.name;
        if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) {
            if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) {
                updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku);
            }
        }
    %>
    <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>">
        <a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>"  class="klevuQuickProductInnerBlock trackProductClick kuTrackRecentView">
            <div class="klevuProductItemTop">
                <div class="klevuQuickImgWrap">
                    <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div>
                    <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" />
                </div>
            </div>
            <div class="klevuProductItemBottom">
                <div class="klevuQuickProductDescBlock">
                    <div class="kuBrand"><%=dataLocal.brand%></div>
                    <div title="<%= updatedProductName %>" class="klevuQuickProductName"> <%= updatedProductName %> </div>
                    <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div>
                    <div class="klevuQuickProductDesc kuClippedOne">
                        <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div>
                    </div>
                    <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %>
                        <%=helper.render('quickProductStock', scope, data, dataLocal) %>              
                    <% } else { %>
                    <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %>
                        <div class="klevuQuickProductPrice kuClippedOne">
                            <%
                                var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants);
                                var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency);
                                var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency);
                                var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency);
                            %>
                            <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %>                                
                                <div class="klevuQuickSalePrice kuStartPrice">
                                    <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span>
                                    <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span>                                
                                </div>
                            <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %>
                                <span class="klevuQuickOrigPrice">
                                    <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %>
                                </span>
                                <span class="klevuQuickSalePrice klevuQuickSpecialPrice">
                                    <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%>
                                </span>
                            <% } else if(!Number.isNaN(kuSalePrice) && kuPrice == 0) { %>
                                <span class="klevuQuickSalePrice">Ej prissatt</span>
                            <% } else if(!Number.isNaN(kuSalePrice) && kuPrice > 0) { %>
                                <span class="klevuQuickSalePrice">
                                    <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %>
                                </span>
                            <% } else if(!Number.isNaN(kuPrice) && kuPrice > 0) { %>
                                <span class="klevuQuickSalePrice">
                                    <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %>
                                </span>
                            <% } %>
                        </div>
                        <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %>
                        <% } %>
                    <% } %>
                    <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %>
                </div>
            </div>
            <% if (dataLocal.is_campaign === "True" || dataLocal.is_used === "True") { %>
                <div class="absolute right-[5px] top-[5px] flex flex-row items-end gap-[1px]">
                    <% if (dataLocal.is_campaign === "True") { %>
                        <span class="product-tag product-tag--klevu bg-brand-red">Kampanj</span>
                    <% } %>
                    <% if (dataLocal.is_used === "True") { %>
                        <span class="product-tag product-tag--klevu bg-primary-900">Begagnad</span>
                    <% } %>
                </div>
            <% } %>
            <div class="kuClearLeft"></div>
        </a>
        <%=helper.render('quickSearchProductAddToCart',scope,data,dataLocal) %>        
    </li>



    <% 
        var updatedProductName = dataLocal.name;
        if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) {
            if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) {
                updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku);
            }
        }
        var publicationDate = dataLocal.publication_date != "" ? dataLocal.publication_date : null;
    %>
    <li class="klevuProduct klevuCMSProduct" data-id="<%=dataLocal.id%>">
        <div class="kuProdWrap">
                <div class="kuCMSContentBlockResult">
                    <div class="kuNameDescAndImg">
                        <div class="klevuImgWrap">
                            <a href="<%=dataLocal.url%>"><img origin="<%= dataLocal.imageUrl %>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" src="<%= dataLocal.imageUrl %>" alt="<%=updatedProductName%>" class="kuProdImg"></a>
                        </div>
                        <div class="kuName"><a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" class="klevuProductClick"><%= updatedProductName %></a></div>                                              
                        <%=helper.render('klevuLandingProductRating',scope,data,dataLocal) %>  
                    </div>
                    <div class="kuPublDate">
                        <div class="kuName"><%= publicationDate %></div>
                    </div>
                </div>
        </div>
    </li>


/**
                Template name: Overlay v2 - Google Consent Mode v2
                URI: https://cookieinformation.com
                Version 1.0.0
                **/

               var coiOverlay = document.getElementById('coiOverlay');
               var wrapper = document.getElementById('coi-banner-wrapper');
               var renewBtn = document.getElementById('Coi-Renew');
               var purposesList = document.getElementsByClassName('coi-purpose-list');
               var coiExpandBtn = document.getElementById('coi-expand');

               coiExpandBtn.onclick = function () {  wrapper.classList.add('coi_expanded');
               };

               //Check the users screen size, ,if it is under 576px, enable "expand" button
               var w = document.documentElement.clientWidth || window.innerWidth;
               if (w >= 576) {
                 coiExpandBtn.disabled = true; //user is on desktop
                 coiExpandBtn.setAttribute('tabindex',-1);
               } else {
                 coiExpandBtn.disabled = false; // user is on mobile
                 coiExpandBtn.setAttribute('tabindex',0);
               }

               /* LOGO FUNCTION START */
               (function(){
                 var imagePath = ''; // Change this to your own logo URL
                 var container = document.getElementsByClassName('coi-banner__footer');

                 if(imagePath){
                   for (var i = 0; i < container.length; i++){
                     var logo = document.createElement('img');
                     logo.style.width = '180px'; // Change width for better fit
                     logo.src = imagePath;
                     logo.alt = 'logo';
                     container[i].insertBefore(logo, container[i].childNodes[0]);
                   }
                 }else{
                   for (var i = 0; i < container.length; i++){
                     var logo = document.createElement('span');
                     logo.setAttribute('aria-hidden','true');
                     container[i].insertBefore(logo, container[i].childNodes[0]);
                   }
                 }
               })();
               /* LOGO FUNCTION END */

               /* ADD GOOGLE POLICY LINK */
               (function () {
                 var language = window.CookieInformation._getDataCulture();
                 var policyLink = document.querySelector(
                   ".coi-banner__summary a.coi-banner__google-privacy-policy"
                 );
                 policyLink.href = "https://business.safety.google/privacy/"
                 policyLink.target = "_blank";
                 policyLink.setAttribute("rel", "noopener noreferrer");
               })();

               function insertPurposesInList(){
                 if(purposesList){
                   for (var i = 0; i < purposesList.length; i++) {
                     var purposesElements = document.getElementById('coi-banner-categories').innerHTML;
                     purposesList[i].innerHTML = purposesElements;
                   }
                 }
               }

               function trapFocusInModal(modal){
                 modal = document.getElementById(modal);
                 var focusableEl = modal.querySelectorAll('button:not([disabled]), a[href]:not([disabled]), input:not([disabled]), select, textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');
                 var firstFocusableEl = focusableEl[0];
                 var lastFocusableEl = focusableEl[focusableEl.length - 1];
                 var KEYCODE_TAB = 9;
                 wrapper.focus();

                 function ctlFocus(e){
                   var isTabPressed = (e.key === 'Tab' || e.keyCode === KEYCODE_TAB);
                   if (!isTabPressed) {
                     console.log("Tab not pressed");
                     return;
                   }
                   if ( e.shiftKey ) /* shift + tab */ {
                     if (document.activeElement === firstFocusableEl) {
                       console.log("First element");
                       lastFocusableEl.focus();
                       e.preventDefault();
                     }
                   } else /* tab */ {
                     if (document.activeElement === lastFocusableEl) {
                       console.log("last element");
                       firstFocusableEl.focus();
                       e.preventDefault();
                     }
                   }
                   document.activeElement.scrollIntoView();
                 }
                 if (window.addEventListener) {
                   console.log("Event listener added");
                   modal.addEventListener('keydown', ctlFocus);
                 }else if (document.attachEvent) { // IE
                   modal.attachEvent("onkeydown", ctlFocus);
                 }else{
                   modal.addEventListener('keydown', ctlFocus);
                 }
               }

               function checkState(){
                 var checked = document.querySelectorAll('.coi__checkbox:not(#cookie_cat_necessary):checked');
                 if(checked.length > 0){
                   setConsentOption(true);
                 }else{
                   setConsentOption(false);
                 }
               }
               var checkboxes = document.querySelectorAll('.coi__checkbox:not(#cookie_cat_necessary)');
               for(var i = 0; i < checkboxes.length; i++){
                 checkboxes[i].addEventListener('change', function(el) {
                   checkState();
                 });
               }


               function setConsentOption(state){
                 var updateButton  = document.getElementById('updateButton');
                 var declineButton = document.getElementById('declineButton');

                 if(state){
                   declineButton.style.display = 'none';
                   declineButton.setAttribute('tabindex',-1);
                   updateButton.style.display = 'flex';
                   updateButton.setAttribute('tabindex',0);
                   updateButton.setAttribute('role','alert');
                   updateButton.setAttribute('aria-atomic','true');
                   declineButton.removeAttribute('role');
                 }else{
                   updateButton.style.display = 'none';
                   updateButton.setAttribute('tabindex',-1);
                   declineButton.style.display = 'flex';
                   declineButton.setAttribute('tabindex',0);
                   declineButton.setAttribute('role','alert');
                   declineButton.setAttribute('aria-atomic','true');
                   updateButton.removeAttribute('role');
                   updateButton.removeAttribute('aria-atomic');
                 }
               }

               //Toggles the menu tabs in banner
               function TogglePage(id,element){
                 var i, tabcontent, tablinks;
                 wrapper.classList.add('coi_expanded');
                 tabcontent = document.getElementsByClassName("coi-banner__page");
                 for (i = 0; i < tabcontent.length; i++) {
                   tabcontent[i].style.display = "none";
                 }
                 // Get all elements with class="coi-banner-tab" and remove the class "active"
                 tablinks = document.getElementsByClassName("coi-banner__nextpage");
                 for (i = 0; i < tablinks.length; i++) {
                   tablinks[i].className = tablinks[i].className.replace(" activeTab", "");
                 }
                 // Show the current tab, and add an "active" class to the link that opened the tab
                 document.getElementById(element).style.display = "block";
                 trapFocusInModal(element);
                 id.className += " activeTab";
               }

               function toggleDetails(id){
                 var categorieWrapper  = document.getElementById('coiConsentBannerCategoriesWrapper');
                 var coiShowDetails    = document.getElementById('show_details');
                 var coiHideDetails    = document.getElementById('hide_details');
                 var CoiCategory       = document.querySelectorAll('.coi-consent-banner__category-name');
                 var CoiCategoryTab    = document.querySelectorAll('.coi-consent-banner__description-container');
                 var coiBannerWrapper  = document.getElementsByClassName('coi-banner__wrapper');

                 if(id === 'show_details'){
                   coiShowDetails.style.display = 'none';
                   coiShowDetails.setAttribute('tabindex',-1);
                   coiHideDetails.style.display = 'block';
                   coiHideDetails.setAttribute('tabindex',0);

                   categorieWrapper.style.display = 'block';
                   categorieWrapper.setAttribute('aria-hidden','false');
                   for(var i = 0; i < CoiCategory.length; i++){
                     CoiCategory[i].setAttribute('tabindex',0);
                   }
                   CoiCategory[0].focus();
                 }else{
                   coiShowDetails.style.display = 'block';
                   coiShowDetails.setAttribute('tabindex',0);
                   coiHideDetails.style.display = 'none';
                   coiHideDetails.setAttribute('tabindex',-1);


                   categorieWrapper.style.display = 'none';
                   categorieWrapper.setAttribute('aria-hidden','true');
                   for(var i = 0; i < CoiCategory.length; i++){
                     CoiCategory[i].setAttribute('tabindex',-1);
                     CoiCategory[i].classList.remove('ci-btn-tab-active');
                   }
                   for(var i = 0; i < CoiCategoryTab.length; i++){
                     if(CoiCategoryTab[i].classList.contains('tab-panel-active')){
                       CoiCategoryTab[i].classList.remove('tab-panel-active');
                     }
                   }
                   coiShowDetails.focus();
                 }
               }

               function toggleCookieDetails(btn,tab){
                 var tabContent = document.getElementById(tab);
                 btn.classList.toggle("ci-btn-tab-active");
                 if(btn.getAttribute('aria-expanded') === 'false'){
                   btn.setAttribute('aria-expanded','true');
                 }else{
                   btn.setAttribute('aria-expanded','false');
                 }

                 tabContent.classList.toggle("tab-panel-active");
                 if(tabContent.getAttribute('aria-hidden') === 'false'){
                   tabContent.setAttribute('aria-hidden','true');
                 }else{
                   tabContent.setAttribute('aria-hidden','false');
                 }

                 if(!tabContent.classList.contains('tab-panel-active')){
                   var links = tabContent.querySelectorAll('a');
                   for(var i = 0; i < links.length; i++){
                     links[i].setAttribute('tabindex',-1);
                   }
                 }else{
                   var links = tabContent.querySelectorAll('a');
                   for(var i = 0; i < links.length; i++){
                     links[i].setAttribute('tabindex',0);
                   }
                 }
               }

               coiOverlay.addEventListener("click", function(e) {
                 if (e.target == this){
                   e.preventDefault;
                   wrapper.classList.remove("ci-bounce");
                   wrapper.offsetWidth = coiOverlay.offsetWidth;
                   wrapper.classList.add("ci-bounce");
                 }
               }, false);

               function togglePlaceholderElementsOnConsent(){
                 var consentplaceholders = document.getElementsByClassName('consent-placeholder');
                 if(consentplaceholders){
                   for(var i = 0; i < consentplaceholders.length; i++){
                     if(!CookieInformation.getConsentGivenFor(consentplaceholders[i].getAttribute('data-category'))){
                       consentplaceholders[i].style.display = 'block';
                     }else{
                       consentplaceholders[i].style.display = 'none';
                     }
                   }
                 }
               }

               function setNoScroll(state){
                 var htmlElement = document.getElementsByTagName('html')[0];
                 if(state){
                   htmlElement.classList.add('noScroll');
                 }else{
                   htmlElement.classList.remove('noScroll');
                 }
               }

               //Renew link modifier
               try{
                 var linkR = document.getElementsByClassName("coi-renew-link")[0];
                 var buttonR = document.getElementsByClassName("coi-renew-button")[0];
                 if (buttonR != undefined) {
                   buttonR.href = "javascript:TogglePage(this, 'coiPage-1')";
                 } else if (linkR != undefined) {
                   linkR.href = "javascript:TogglePage(this, 'coiPage-1')";
                 }
               } catch (error){
                 console.log(error);
               }
               //Maintain anchor link URL(MAL feature)
               /*var firstOpen = false;
               function fetchCookie(name){
                 var parts=("; "+document.cookie).split("; "+name+"=");
                 if(2==parts.length){
                   return parts.pop().split(";").shift()
                 }
               }
               */

               // Show and Hides the banner
               function showCookieBanner() {
                 // firstOpen = fetchCookie('CookieInformationConsent') === undefined;  MAL feature

                 insertPurposesInList();
                 coiOverlay.style.display = 'flex';
                 setNoScroll(true);
                 wrapper.setAttribute('aria-hidden','false');
                 coiOverlay.setAttribute('aria-hidden','false');
                 setTimeout(function(){
                   trapFocusInModal('coiPage-1');
                 },100);
                 checkState();

                 renewBtn.style.display = 'none';
                 togglePlaceholderElementsOnConsent();
               }

               function hideCookieBanner() {
                 wrapper.setAttribute('aria-hidden','true');
                 coiOverlay.setAttribute('aria-hidden','true');
                 coiOverlay.style.display = 'none';
                 setNoScroll(false);

                 renewBtn.style.display = 'block';
                 togglePlaceholderElementsOnConsent();
                 // if (firstOpen) {window.location.href = window.location.href}; MAL feature

               }


        MyChatWidget.init({
          projectID: "68190f54c6fa550f2bd24721",
          versionID: "production"
        });
    


        if (!sessionStorage.getItem("visited")) {
            sessionStorage.setItem("visited", true);

            klevu.interactive();

            window.addEventListener('DOMContentLoaded', function () {
                localStorage.setItem('klv_sort_productList', '');
            }, true);
        }
    

 <% if(data.suggestions.autosuggestion) { %> <% if(data.suggestions.autosuggestion.length> 0 ) { %> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <div class="klevuAutoSuggestionsWrap klevuAutosuggestions"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"> <%=helper.translate("Suggestions")%></span> </div> <ul> <% helper.each(data.suggestions.autosuggestion,function(key,suggestion){ %> <li tabindex="-1"><a target="_self" href="<%=helper.buildUrl(data.settings.landingUrl, queryParam , helper.stripHtml(suggestion.suggest))%>" data-content="<%=helper.stripHtml(suggestion.suggest) %>" class="klevu-track-click"> <%=suggestion.suggest %> </a></li> <% }); %> </ul> </div> <% } %> <% } %>

 <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCmsSuggestions" id="klevuCmsContentArea"> <div class="klevuSuggestionHeading"><span class="klevuHeadingText"><%=helper.translate("Pages")%></span></div> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,cms){ %> <li tabindex="-1"><a target="_self" href="<%=cms.url%>" class="klevu-track-click" data-url="<%=cms.url%>" data-name="<%=cms.name%>"><%=cms.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %>

 <% if(data.query.categoryCompressed) { %> <% if(data.query.categoryCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCategorySuggestions" id="klevuCategoryArea"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Category")%></span> </div> <ul> <% helper.each(data.query.categoryCompressed.result,function(key,category){ %> <li tabindex="-1"><a target="_self" href="<%=category.url%>" class="klevu-track-click" data-url="<%=category.url%>" data-name="<%=category.name%>" ><%=category.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %>

 <% if(data.query.productList) { %> <% if(data.query.productList.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="productList" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta productList" data-section="productList" id="productList" data-result-view="list" > <div class="kuQuickResultsListHeader"> <%=helper.render('kuTemplateQuickResultsViewSwitch',scope,data,"productList") %> <%=helper.render('klevuQuickTemplateSortBy',scope,data,"productList") %> </div> <div class="kuClearBoth"></div> <div class="kuQuickResultsListContainer"> <ul> <% helper.each(data.query.productList.result,function(key,product){ %> <%=helper.render('klevuQuickProductBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"productList") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); %> <% if(isCmsEnabled) { %> <% if(data.query.cmsCompressed && data.query.cmsCompressed.result.length <= 0 ){ %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } else { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } %> <% } else { %> <% } %>

 <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Products")%></span> </div> <div class="klevuProductsViewAll"> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <a href="<%=helper.buildUrl(data.settings.landingUrl, queryParam ,helper.stripHtml(data.settings.term))%>" target="_parent"><%=helper.translate("View All")%></a> </div>

 <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> <%=helper.render('quickSearchProductAddToCart',scope,data,dataLocal) %> </li>

 <% var totalNumberOfResults = klevu.getObjectPath(data,"query."+dataLocal+".meta.totalResultsFound"); var searchedTerm = helper.escapeHTML(data.settings.term); %> <div class="kuContainer"> <div class="kuResultsHeadingTitleContainer"> <strong class="kuResultsNumber"> <%= (totalNumberOfResults) ? totalNumberOfResults : 0 %> </strong> <%= helper.translate((parseInt(totalNumberOfResults) > 1) ? " Results" : " Result") %> <%=helper.translate("found")%> <%= (searchedTerm && searchedTerm.length && searchedTerm != "*") ? helper.translate("for") + " '<span>"+ klevu.dom.helpers.cleanCatogeryPath(searchedTerm) +"</span>'" : "" %> </div> </div>

 <% if(data.query[dataLocal].result.length > 0 ) { %> <% var productListLimit = data.query[dataLocal].meta.noOfResults; %> <% var productListTotal = data.query[dataLocal].meta.totalResultsFound - 1; %> <div class="kuPagination"> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="0">&lt;&lt;</a>&nbsp; <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>">&lt;</a>&nbsp; <% } %> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit))%></a>&nbsp; <% } %> <a href="javascript:void(0);" class="kuCurrent"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%></a>&nbsp; <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+2)%></a>&nbsp; <% } %> <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>">&gt;</a>&nbsp; <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(Math.floor(productListTotal/productListLimit)*productListLimit)%>">&gt;&gt;</a> <% } %> </div> <% } %>

 <% var hasNoResultFound = klevu.getObjectPath(data,"modules.promotionalBanner.hasNoResultFound"); %> <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.banners && data.banners[dataLocal] && data.banners[dataLocal].length && !hasNoResultFound) { klevu.each(data.banners[dataLocal], function(index, banner){ %> <% var imageUrl = banner.bannerImg; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-banner-ad kuBannerContainer"> <% if(!!banner.redirectUrl) { %> <a role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); } %>

 <% if(data.popularSearches && data.popularSearches.length) { %> <div class="kuPopularSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuPopularSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuPopularSearchTerms"> <ul> <% helper.each(data.popularSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuPopularSearchTerm" data-value="<%= term %>"> <a target="_self" href="javascript:void(0)"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>

 <% if(data.recentSearches && data.recentSearches.length) { %> <div class="kuRecentSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuRecentSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Recent Searches")%></span></div> <div class="kuRecentSearchTerms"> <ul> <% helper.each(data.recentSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuRecentSearchTerm" data-value="<%= helper.escapeHTML(term) %>"> <a target="_parent" href="javascript:void(0)"><%= helper.escapeHTML(term) %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>

 <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuQSMenuItemTarget kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a> 

 <% var trendingProductsTitle = klevu.getObjectPath(data,"modules.trendingProducts.title"); trendingProductsTitle = (trendingProductsTitle) ? trendingProductsTitle : ""; %> <% if(data.query.trendingProductList) { %> <% if(data.query.trendingProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(trendingProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchTrendingResults" data-section="trendingProductList" data-source="trendingProducts" id="trendingProductList"> <div class="kuCarousel kuTrendingProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.trendingProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=product.id%>"> <%=helper.render('klevuQuickTrendingProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %>

 <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuTrackRecentView kuQSMenuItemTarget"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a>

 <% var recentlyViewedProductsTitle = klevu.getObjectPath(data,"modules.recentlyViewedProducts.title"); recentlyViewedProductsTitle = (recentlyViewedProductsTitle) ? recentlyViewedProductsTitle : ""; %> <% if(data.query.recentViewedProductList) { %> <% if(data.query.recentViewedProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(recentlyViewedProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchRecentResults" data-section="recentViewedProductList" data-source="recentlyClickedProducts" id="recentViewedProductList"> <div class="kuCarousel kuRecentlyViewedProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.recentViewedProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=dataLocal.id%>"> <%=helper.render('klevuQuickRecentViewedProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %>

 <% var popularProductList = klevu.getObjectPath(data,"query.noResultsFoundPopularProductList.result");%> <% if(popularProductList) { %> <% if(popularProductList.length > 0 ) { %> <div class="klevuNoResultsProductsBlock"> <div class="klevuPopularProductsHeading"><span class="klevuQuickHeadingText"><%= helper.translate(data.quickNoResultsPopularHeading) %></span></div> <div class="klevuQuickSearchNoResultsPopular" data-section="noResultsFoundPopularProductList" id="noResultsFoundPopularProductList"> <ul> <% helper.each(popularProductList,function(key, product){ %> <%=helper.render('quickNoResultsPopularProductBlock',scope,data,product) %> <% }); %> </ul> </div> </div> <% } %> <% } %>

 <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li class="klevuPopularProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickPopularProductInnerBlock trackProductClick klevuProductClick kuTrackRecentView"> <div class="klevuPopularProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuPopularProductItemBottom"> <div class="klevuQuickPopularProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %></div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li>

 <% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %> <div class="kuNoResultsPopularSearchesBlock"> <div class="kuNoResultsPopularSearchHeading"><span class="klevuQuickHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuNoResultsPopularSearchTerms"> <ul> <% helper.each(data.noResultsFoundPopularSearches, function(key,term){ %> <% if(term && term.length) { %> <% var landingURLPrefix = klevu.getObjectPath(klevu.settings,"url.landing"); if(typeof landingURLPrefix === "undefined" || landingURLPrefix === ""){ landingURLPrefix = "/"; } %> <li class="kuNoResultsPopularSearchTerm" data-value="<%= term %>"> <a href="<%= landingURLPrefix %>?<%=klevu.getObjectPath(data,"settings.queryParam","q")%>=<%= term %>" title="<%= term %>"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>

 <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.quickNoResultsFoundBanners && data.quickNoResultsFoundBanners.length) { klevu.each(data.quickNoResultsFoundBanners, function(index, banner){ %> <% var imageUrl = banner.bannerImageUrl; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-no-results-banner-ad-quick"> <% if(!!banner.redirectUrl) { %> <a class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); %> <div class="kuDividerLine"></div> <% } %>

 <% var outOfStockCaption = klevu.search.modules.kmcInputs.base.getOutOfStockCaptionValue(); var productStockStatus = helper.translate(outOfStockCaption); %> <div class="kuClippedOne kuQuickCaptionStockOut"> <%= productStockStatus %> </div>

 <% var caption = klevu.search.modules.kmcInputs.base.getVatCaption(); var vatCaption = helper.translate("(" + caption + ")"); %> <div class="kuCaptionVat"><%= vatCaption %></div>

<% if(data.query[dataLocal].filters.length > 0 ) { %> <div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0"> <% helper.each(data.query[dataLocal].filters,function(key,filter){ %> <% if(filter.type == "OPTIONS"){ %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"><%=filterOption.name%></span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> <% if(filter.options.length > 5 ) { %> <div class="kuShowOpt" tabindex="-1"> <span class="kuFilterDot"></span><span class="kuFilterDot"></span><span class="kuFilterDot"></span> </div> <% } %> </div> </div> <% } else if(filter.type == "SLIDER") { %> <div class="kuFilterBox klevuFilter" data-filter="<%=filter.key%>"> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div class="kuFilterNames sliderFilterNames <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <div class="kuPriceSlider klevuSliderFilter" data-query = "<%=dataLocal%>"> <div data-querykey = "<%=dataLocal%>" class="noUi-target noUi-ltr noUi-horizontal noUi-background kuSliderFilter kuPriceRangeSliderFilter<%=dataLocal%>"></div> </div> </div> </div> <% } else if (filter.type == "RATING") { %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <%=helper.translate(filter.label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"> <div class="klevuFacetStars"> <div class="klevuFacetRating" style="width:<%=(20*Number(filterOption.name))%>%;"></div> </div> </span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> </div> </div> <% } else { %>  <% } %> <% }); %>  </div> <% } %>

 <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="cmsCompressed" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta cmsCompressed" data-section="cmsCompressed" id="cmsCompressed"> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,product){ %> <%=helper.render('klevuQuickTemplateContentBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"cmsCompressed") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% } %> <% } else { %> <% } %>

 <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li>

 <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); var hasAnyResultFound = false; helper.each(data.query,function(key,query) { if(query.tab == true) { if(helper.hasResults(data,query.id)) { var results = data.query[query.id].meta.totalResultsFound; if(results > 0){ hasAnyResultFound = true; } } } }); %> <div class="kuContainer"> <div class="kuTabs" role="tablist" style="display:<%= isCmsEnabled && hasAnyResultFound ? 'block' : 'none' %>"> <% var selectedTab = false; %> <% helper.each(data.query,function(key,query){ %> <% if(query.tab == true) { %> <% if(helper.hasResults(data,query.id)) { %> <a target="_self" class="kuTab<% if(!selectedTab){ selectedTab = true; %> kuTabSelected<% } %>" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,data.query[query.id].meta.totalResultsFound)%> </a> <% } else { %> <a target="_self" class="kuTabDeactive" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,0)%> </a> <% } %> <% } %> <% }); %> </div> </div>

 <% var currentSort = klevu.getObjectPath(data, "modules.quickFacetedLayoutSort.currentSort"); %> <div class="kuDropdown kuDropSortBy kuQuickFacetedLayoutSort" role="listbox"> <div class="kuDropdownOptions"> <div title="<%= helper.translate("Relevance") %>" class="kuDropOption kuSort kuQuickRelSort <%= (currentSort === 'RELEVANCE') ? 'kuActiveSort' : '' %>" data-value="RELEVANCE" role="option"></div> <div title="<%= helper.translate("Price: Low to high") %>" class="kuDropOption kuSort kuQuickLTHSort <%= (currentSort === 'PRICE_ASC') ? 'kuActiveSort' : '' %>" data-value="PRICE_ASC" role="option"></div> <div title="<%= helper.translate("Price: High to low") %>" class="kuDropOption kuSort kuQuickHTLSort <%= (currentSort === 'PRICE_DESC') ? 'kuActiveSort' : '' %>" data-value="PRICE_DESC" role="option"></div> </div> </div>

 <div class="kuQuickResultsViewSwitchContainer"> <a title="<%= helper.translate("Grid View") %>" class="kuViewSwitch kuGridViewBtn" data-value="grid"> <span class="icon-gridview"></span> </a> <a title="<%= helper.translate("List View") %>" class="kuViewSwitch kuListViewBtn" data-value="list"> <span class="icon-listview"></span> </a> </div>

 <% if(dataLocal.inStock != "no") { %> <% var addToCartCaption = klevu.search.modules.kmcInputs.base.getAddToCartButtonCaption(); %> <% if(addToCartCaption && addToCartCaption.indexOf("<img") !== -1) { %> <div class="kuAddtocart klevuQuickAddtoCart " data-id="<%=dataLocal.id%>"> <a target="_self" href="javascript:void(0)" class="kuBtn klevuQuickCartBtn" role="button" tabindex="0" area-label="Add to cart"><%= addToCartCaption %></a> </div> <% } else { %> <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>" > <button class="kuBtn kuBtnDark klevuQuickCartBtn"><%= helper.translate(addToCartCaption) %></button> </div> <% } %> <% } %>

 <% if( typeof dataLocal.rating != "undefined" && dataLocal.rating !== "" && dataLocal.rating > 0 ) { %> <div class="klevu-stars-small-l2"> <div class="klevu-rating-l2" style="width:<%=(20*Number(dataLocal.rating))%>%;"></div> </div> <%=helper.render('klevuQuickProductRatingCount',scope,data,dataLocal) %> <% } %>

 <% if( typeof dataLocal.ratingCount != "undefined" && dataLocal.ratingCount !== "" && dataLocal.ratingCount > 0 ) { %> <div class="klevuRatingCount">(<%=dataLocal.ratingCount%>)</div> <% } %>

<% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <div class="kuProdWrap"> <header ku-block data-block-id="ku_landing_result_item_header"> <%=helper.render('landingProductBadge', scope, data, dataLocal) %> </header> <% var desc = [dataLocal.summaryAttribute,dataLocal.packageText,dataLocal.summaryDescription].filter(function(el) { return el; }); desc = desc.join(" "); %> <main ku-block data-block-id="ku_landing_result_item_info"> <div class="kuProdTop"> <div class="klevuImgWrap"> <a data-id="<%=dataLocal.id%>" href="<%=dataLocal.url%>" class="klevuProductClick kuTrackRecentView"> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" class="kuProdImg"> <%=helper.render('landingImageRollover', scope, data, dataLocal) %> </a> </div>  </div> </main> <footer ku-block="" data-block-id="ku_landing_result_item_footer"> <div class="kuProdBottom"> <div class="kuName kuClippedOne"><a data-id="<%=dataLocal.id%>" href="<%=dataLocal.url%>" class="klevuProductClick kuTrackRecentView" title="<%= updatedProductName %>"><%= updatedProductName %></a></div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('landingProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="kuPrice"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="kuSalePrice kuStartPrice kuClippedOne"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="kuOrigPrice kuClippedOne"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="kuSalePrice kuSpecialPrice kuClippedOne"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="kuSalePrice kuSpecialPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="kuSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> <%=helper.render('searchResultProductVATLabel', scope, data, dataLocal) %> </div> <% } %> <% } %> </div> <div class="kuProdAdditional"> <div class="kuProdAdditionalData"> <% if(desc && desc.length) { %> <div class="kuDesc kuClippedTwo"> <%=desc%> </div> <% } %> <%=helper.render('landingProductSwatch',scope,data,dataLocal) %> <%=helper.render('klevuLandingProductRating',scope,data,dataLocal) %> <% var isAddToCartEnabled = klevu.search.modules.kmcInputs.base.getAddToCartEnableValue(); %> <% if(isAddToCartEnabled) { %> <%=helper.render('landingPageProductAddToCart',scope,data,dataLocal) %> <% } %> </div> </div> </footer> </div> </li>

 <% var totalNumberOfResults = klevu.getObjectPath(data,"query."+dataLocal+".meta.totalResultsFound"); var searchedTerm = helper.escapeHTML(data.settings.term); var isCATNAV = data.settings.isCATNAV; if(isCATNAV){ searchedTerm = helper.escapeHTML(data.settings.categoryPath); } %> <div class="kuResultsHeadingTitleContainer"> <strong class="kuResultsNumber"> <%= (totalNumberOfResults) ? totalNumberOfResults : 0 %> </strong> <%= helper.translate((parseInt(totalNumberOfResults) > 1) ? " Results" : " Result") %> <%=helper.translate("found")%> <%= (searchedTerm && searchedTerm.length && searchedTerm != "*") ? helper.translate("for") + " '<span>"+ klevu.dom.helpers.cleanCatogeryPath(searchedTerm) +"</span>'" : "" %> </div>

<% if(data.query[dataLocal].filters.length > 0 ) { %> <div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0"> <h3 class="kuFiltersTitleHeading"><%=helper.translate("Narrow by")%></h3> <% helper.each(data.query[dataLocal].filters,function(key,filter){ %> <% if(filter.type == "OPTIONS"){ %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length <= 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"><%=filterOption.name%></span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> <% if(filter.options.length > 5 ) { %> <div class="kuShowOpt" tabindex="-1"> <span class="kuFilterDot"></span><span class="kuFilterDot"></span><span class="kuFilterDot"></span> </div> <% } %> </div> </div> <% } else if(filter.type == "SLIDER") { %> <div class="kuFilterBox klevuFilter" data-filter="<%=filter.key%>"> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div class="kuFilterNames sliderFilterNames <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <div class="kuPriceSlider klevuSliderFilter" data-query = "<%=dataLocal%>"> <div data-querykey = "<%=dataLocal%>" class="noUi-target noUi-ltr noUi-horizontal noUi-background kuSliderFilter kuPriceRangeSliderFilter<%=dataLocal%>"></div> </div> </div> </div> <% } else if (filter.type == "RATING") { %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <%=helper.translate(filter.label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length <= 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"> <div class="klevuFacetStars"> <div class="klevuFacetRating" style="width:<%=(20*Number(filterOption.name))%>%;"></div> </div> </span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> </div> </div> <% } else { %>  <% } %> <% }); %>  </div> <% } %>

<% if(data.query[dataLocal].filters.length > 0 ) { %> <div class="kuFilters kuFiltersTop" role="navigation" data-position="top" aria-label="Product Filters" tabindex="0"> <h3 class="kuFiltersTitleHeading"><%=helper.translate("Narrow by")%></h3> <% helper.each(data.query[dataLocal].filters,function(key,filter){ %> <% if(filter.type == "OPTIONS"){ %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"><%=filterOption.name%></span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> <% if(filter.options.length > 5 ) { %> <div class="kuShowOpt" tabindex="-1"> <span class="kuFilterDot"></span><span class="kuFilterDot"></span><span class="kuFilterDot"></span> </div> <% } %> </div> </div> <% } else if(filter.type == "SLIDER") { %> <div class="kuFilterBox klevuFilter" data-filter="<%=filter.key%>"> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div class="kuFilterNames sliderFilterNames <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <div class="kuPriceSlider klevuSliderFilter" data-query = "<%=dataLocal%>"> <div data-querykey = "<%=dataLocal%>" class="noUi-target noUi-ltr noUi-horizontal noUi-background kuSliderFilter kuPriceRangeSliderFilter<%=dataLocal%>"></div> </div> </div> </div> <% } else if(filter.type == "RATING") { %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <%=helper.translate(filter.label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"> <div class="klevuFacetStars"> <div class="klevuFacetRating" style="width:<%=(20*Number(filterOption.name))%>%;"></div> </div> </span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> </div> </div> <% } else { %>  <% } %> <% }); %>  </div> <% } %>

 <% if(dataLocal.inStock != "no") { %> <% var addToCartCaption = klevu.search.modules.kmcInputs.base.getAddToCartButtonCaption(); %> <% if(addToCartCaption && addToCartCaption.indexOf("<img") !== -1) { %> <div class="kuAddtocart" data-id="<%=dataLocal.id%>"> <a target="_self" href="javascript:void(0)" class="kuBtn kuLandingAddToCartBtn" role="button" tabindex="0" area-label="Add to cart"><%= addToCartCaption %></a> </div> <% } else { %> <div class="kuAddtocart" data-id="<%=dataLocal.id%>"> <a target="_self" href="javascript:void(0)" class="kuBtn kuBtnDark kuLandingAddToCartBtn" role="button" tabindex="0" area-label="<%= addToCartCaption %>"><%=helper.translate(addToCartCaption) %></a> </div> <% } %> <% } %>

 <% var hasAnyVariantImageAdded = false; if(dataLocal.swatchesInfo && dataLocal.swatchesInfo.length) { helper.each(dataLocal.swatchesInfo,function(key,item) { if(item.variantImage && item.variantImage.length) { hasAnyVariantImageAdded = true; } }); } %> <% if(((!dataLocal.swatchesInfo || !dataLocal.swatchesInfo.length) || !hasAnyVariantImageAdded) && dataLocal.totalVariants) { %> <div class="kuSwatches"> <span class="kuSwatchesVariantCountText">+<%= dataLocal.totalVariants %> <%= helper.translate("variant(s)") %></span> </div> <% } %> <% if(dataLocal.swatchesInfo && dataLocal.swatchesInfo.length && hasAnyVariantImageAdded) { %> <div class="kuSwatches"> <% var totalVariantIndex = dataLocal.swatchesInfo.length; var swatchIndex = 0; helper.each(dataLocal.swatchesInfo,function(key,item) { var isSwatchInfoAdded = false; if(swatchIndex > 2){ return true; } if(item.variantImage && item.variantImage.length) { %> <div class="kuSwatchItem"> <a target="_self" href="javascript:void(0)" data-variant="<%= item.variantId %>" class="kuSwatchLink klevuLandingSwatchColorGrid" <% if(item.variantColor && item.variantColor.length) { %> title="<%= item.variantColor %>" <% } %> style="<% if(item.variantColor && item.variantColor.length) { isSwatchInfoAdded = true; %> background-color:<%= item.variantColor %>; <% } %> <% if(item.variantSwatchImage && item.variantSwatchImage.length) { isSwatchInfoAdded = true; %> background-image: url('<%= item.variantSwatchImage %>'); <% } %> <% if(!isSwatchInfoAdded) { %> background-image: url('https://js.klevu.com/klevu-js-v1/img-1-1/default-swatch.jpg'); <% } %>" > </a> </div> <% swatchIndex++; } }); %> <% if(totalVariantIndex > swatchIndex) { %> <div class="kuSwatchItem kuSwatchMore"> <a target="_self" href="<%=dataLocal.url%>" class="kuSwatchLink"> <span class="kuSwatchMoreText"> +<%= (totalVariantIndex - swatchIndex) %> </span> </a> </div> <% } %> </div> <% } %>

 <% var hasAnyVariantImageAdded = false; if(dataLocal.swatchesInfo && dataLocal.swatchesInfo.length) { helper.each(dataLocal.swatchesInfo,function(key,item) { if(item.variantImage && item.variantImage.length) { hasAnyVariantImageAdded = true; } }); } %> <% if(((!dataLocal.swatchesInfo || !dataLocal.swatchesInfo.length) || !hasAnyVariantImageAdded) && dataLocal.totalVariants) { %> <span class="productQuick-label"><%=helper.translate("Color Variants:") %></span> <div class="kuSwatches"> <span class="kuSwatchesVariantCountText">+<%= dataLocal.totalVariants %> <%= helper.translate("variant(s)") %></span> </div> <% } %> <% if(dataLocal.swatchesInfo && dataLocal.swatchesInfo.length && hasAnyVariantImageAdded) { %> <div class="productQuick-colorInStock"> <span class="productQuick-label"><%=helper.translate("Color Variants:") %></span> <div class="kuSwatches"> <% var totalVariantIndex = dataLocal.swatchesInfo.length; var swatchIndex = 0; helper.each(dataLocal.swatchesInfo,function(key,item) { var isSwatchInfoAdded = false; if(swatchIndex > 2){ return true; } if(item.variantImage && item.variantImage.length) { %> <div class="kuSwatchItem"> <a target="_self" href="javascript:void(0)" data-variant="<%= item.variantId %>" class="kuSwatchLink klevuLandingSwatchColorGrid" <% if(item.variantColor && item.variantColor.length) { %> title="<%= item.variantColor %>" <% } %> style="<% if(item.variantColor && item.variantColor.length) { isSwatchInfoAdded = true; %> background-color:<%= item.variantColor %>; <% } %> <% if(item.variantSwatchImage && item.variantSwatchImage.length) { isSwatchInfoAdded = true; %> background-image: url('<%= item.variantSwatchImage %>'); <% } %> <% if(!isSwatchInfoAdded) { %> background-image: url('https://js.klevu.com/klevu-js-v1/img-1-1/default-swatch.jpg'); <% } %>" > </a> </div> <% swatchIndex++; } }); %> <% if(totalVariantIndex > swatchIndex) { %> <div class="kuSwatchItem kuSwatchMore"> <a target="_self" href="<%=dataLocal.url%>" class="kuSwatchLink"> <span class="kuSwatchMoreText"> +<%= (totalVariantIndex - swatchIndex) %> </span> </a> </div> <% } %> </div> </div> <% } %>

 <% var outOfStockCaption = klevu.search.modules.kmcInputs.base.getOutOfStockCaptionValue(); var productStockStatus = helper.translate(outOfStockCaption); %> <div class="kuClippedOne kuCaptionStockOut"> <%= productStockStatus %> </div>

 <% var caption = klevu.search.modules.kmcInputs.base.getVatCaption(); var vatCaption = helper.translate("(" + caption + ")"); %> <div class="kuCaptionVat kuClippedOne"><%= vatCaption %></div>

 <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } var hasImageFound = (dataLocal.image && dataLocal.image != "") ? true : false; if(!hasImageFound){ hasImageFound = (dataLocal.imageUrl && dataLocal.imageUrl != "") ? true : false; } %> <li class="klevuProduct klevuCMSProduct" data-id="<%=dataLocal.id%>"> <div class="kuProdWrap"> <main ku-block data-block-id="ku_landing_result_item_info"> <% if(hasImageFound) { %> <div class="kuProdTop"> <div class="klevuImgWrap"> <a target="_self" href="<%=dataLocal.url%>" class="klevuProductClick"><img origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" src="<%=dataLocal.image%>" alt="<%=updatedProductName%>" class="kuProdImg"></a> </div> </div> <% } %> </main> <footer class="<%= (hasImageFound) ? '' : 'kuCMSProductNoImageFound' %>" ku-block="" data-block-id="ku_landing_result_item_footer"> <div class="kuProdBottom"> <div class="kuNameDesc"> <div class="kuName"><a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" class="klevuProductClick"><%= updatedProductName %></a></div> <div class="kuDesc kuClippedTwo"> <%=dataLocal.shortDesc%> </div> <%=helper.render('klevuLandingProductRating',scope,data,dataLocal) %> </div> </div> </footer> </div> </li>

 <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); %> <div class="kuTabs" role="tablist" style="display:<%= isCmsEnabled ? 'block' : 'none' %>"> <% var selectedTab = false; %> <% helper.each(data.query,function(key,query){ %> <% if(query.tab == true) { %> <% if(helper.hasResults(data,query.id) || helper.hasFilters(data,query.id)) { %> <a target="_self" class="kuTab<% if(!selectedTab){ selectedTab = true; %> kuTabSelected<% } %>" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,data.query[query.id].meta.totalResultsFound)%> </a> <% } else { %> <a target="_self" class="kuTabDeactive" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,0)%> </a> <% } %> <% } %> <% }); %> </div>

 <%if(dataLocal.stickyLabelHead && dataLocal.stickyLabelHead != "") { %> <div class="kuDiscountBadge"><span class="kuDiscountTxt"><%= dataLocal.stickyLabelHead %></span></div> <% } %>

 <% var hasNoResultFound = klevu.getObjectPath(data,"modules.promotionalBanner.hasNoResultFound"); %> <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.banners && data.banners[dataLocal] && data.banners[dataLocal].length && !hasNoResultFound) { klevu.each(data.banners[dataLocal], function(index, banner){ %> <% var imageUrl = banner.bannerImg; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="kuBannerAd kuBannerContainer"> <% if(!!banner.redirectUrl) { %> <a role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); } %>

 <div class="kuNoResultsProductRecommendationSlider kuNoResultsPopularProducts" data-section="noResultsFoundPopularProductList"> <% var popularProductList = klevu.getObjectPath(data,"query.noResultsFoundPopularProductList.result");%> <% if(popularProductList && popularProductList.length) { %> <div class="klevuNoResultsRecs" title="<%= helper.translate(data.landingNoResultsPopularHeading) %>"> <h3><%= helper.translate(data.landingNoResultsPopularHeading) %> </h3> </div> <div class="klevuNoResultsRecsWrap"> <div class="klevuNoResultsRecsResults"> <div class="klevuNoResultsRecsResultsInner"> <% helper.each(popularProductList, function(key, product){ %> <% var updatedProductName = product.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(product.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(product.sku); } } %> <div class="klevuNoResultsRecs-itemWrap klevuRecommendedProduct klevuProduct" data-id="<%= product.id %>"> <div class="klevuNoResultsRecs-item"> <div class="klevuNoResultsRecs-itemImg"> <a href="<%= product.url %>" class="klevuProductClick kuTrackRecentView klevuNoResultsRecsImg" data-id="<%= product.id %>"> <img src="<%= product.image %>" origin="<%= product.image %>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%= updatedProductName %>" class="prodImg" width="100%" /> </a> </div> </div> <div class="klevuNoResultsRecs-itemDesc"> <a href="<%= product.url %>" title="<%= updatedProductName %>" data-id="<%= product.id %>" class="klevuProductClick kuTrackRecentView klevuNoResultsRecsTitle"><%= updatedProductName %></a> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuNoResultsRecs-itemPrice"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(product.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(product.startPrice,product.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(product.salePrice,product.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(product.price,product.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="kuSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(product.currency,parseFloat(product.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="kuOrigPrice kuClippedOne"> <%= helper.processCurrency(product.currency,parseFloat(product.price)) %> </span> <span class="kuSalePrice kuSpecialPrice kuClippedOne"> <%=helper.processCurrency(product.currency,parseFloat(product.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="kuSalePrice kuSpecialPrice"> <%= helper.processCurrency(product.currency,parseFloat(product.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="kuSalePrice"> <%= helper.processCurrency(product.currency,parseFloat(product.price)) %> </span> <% } %> <%=helper.render('searchResultProductVATLabel', scope, data, product) %> </div> <% } %> </div> </div> <% }) %> </div> </div> </div> </div> <% } %> </div>

 <% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %> <div class="kuNoResultsLandingPopularSearchesBlock"> <div class="kuNoResultsLandingPopularSearchTerms"> <span class="klevuHeadingText"><%=helper.translate("Popular Searches")%>:</span> <ul> <% helper.each(data.noResultsFoundPopularSearches, function(key,term){ %> <% if(term && term.length) { %> <% var landingURLPrefix = klevu.getObjectPath(klevu.settings,"url.landing"); if(typeof landingURLPrefix === "undefined" || landingURLPrefix === ""){ landingURLPrefix = "/"; } %> <li class="kuNoResultsLandingPopularSearchTerm" data-value="<%= term %>"> <a href="<%= landingURLPrefix %>?<%=klevu.getObjectPath(data,"settings.queryParam","q")%>=<%= term %>" title="<%= term %>"> <%= (data.noResultsFoundPopularSearches.length -1 != key) ? term + ", " : term %> </a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>

 <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.landingNoResultsFoundBanners && data.landingNoResultsFoundBanners.length) { klevu.each(data.landingNoResultsFoundBanners, function(index, banner){ %> <% var imageUrl = banner.bannerImageUrl; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-no-results-banner-ad"> <% if(!!banner.redirectUrl) { %> <a role="banner" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span role="banner" target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); } %>

 <% var filterTagsModule = data.filterTags; var filterTagsData = []; if(dataLocal && dataLocal.length){ filterTagsData = filterTagsModule.query[dataLocal].tags; } %> <% if(filterTagsData.length) { %> <div class="kuFilterTagsContainer"> <% helper.each(filterTagsData, function(key,item){ var filterTagItemKey = helper.escapeHTML(item.key); var filterTagItemLabel = helper.escapeHTML(helper.translate(item.label)); %> <span class="kuFilterTag" data-key="<%= filterTagItemKey %>" data-type="<%= helper.escapeHTML(item.type) %>" > <span title="<%= filterTagItemLabel %>" data-value="<%= filterTagItemLabel %>" class="kuFilterTagKey" > <%= helper.translate(item.label) %> </span> <% helper.each(item.values, function(key,option){ %> <% if(item.type === "RATING") { %> <span title="<%= helper.escapeHTML(helper.translate(option)) %>" data-value="<%= helper.escapeHTML(helper.translate(option)) %>" class="kuFilterTagValue"> <div class="klevuFacetStars"> <div class="klevuFacetRating" style="width:<%=(20*Number(option))%>%;"></div> </div> <span>&times;</span> </span> <% } else { %> <span title="<%= helper.escapeHTML(helper.translate(option)) %>" data-value="<%= helper.escapeHTML(helper.translate(option)) %>" class="kuFilterTagValue"> <%= helper.translate(option) %> <span>&times;</span> </span> <% } %> <% }); %> </span> <% }); %> <span title="<%= helper.translate("Clear all") %>" class="kuFilterTagClearAll"><%= helper.translate("Clear all") %></span> </div> <% } %>

 <div class="kuLandingResultsViewSwitchContainer"> <a title="<%= helper.translate("Grid View") %>" class="kuViewSwitch kuGridViewBtn" data-value="grid"> <span class="icon-gridview"></span> </a> <a title="<%= helper.translate("List View") %>" class="kuViewSwitch kuListViewBtn" data-value="list"> <span class="icon-listview"></span> </a> </div>

 <% var queryParam = klevu.getGlobalSetting("url.queryParam"); %> <div class="kuSearchResultsSearchBarContainer kuHideExtraSearch"> <form action="/" method="get"> <input type="text" name="<%= queryParam %>" id="search" class="kuSearchInput header-bar__search-input" placeholder="<%=helper.translate("Search text")%>" /> </form> </div>

 <% if(dataLocal.imageHover) { %> <img style="display:none;" class="kuProdImgHover" src="<%=dataLocal.imageHover%>" origin="<%=dataLocal.imageHover%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=dataLocal.name%>"> <% } %>

 <% if(data.selected_product.imageHover) { %> <img style="display:none;" class="kuProdQuickviewImgHover" src="<%=data.selected_product.imageHover%>" origin="<%=data.selected_product.imageHover%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=data.selected_product.name%>"> <% } %>

Requests	IP Address	Location	AS Autonomous System
178	81.201.216.254	Sweden	AS57829Iver Norge As
7	172.66.149.193	United States	AS13335CLOUDFLARENET
6	34.111.179.208	Kansas City, Missouri, United States	AS396982GOOGLE-CLOUD-PLATFORM
4	13.107.246.45	United States	AS8075MICROSOFT-CORP-MSN-AS-BLOCK
3	52.242.103.142	Boydton, Virginia, United States	AS8075MICROSOFT-CORP-MSN-AS-BLOCK
3	3.174.46.91	United States	AS16509AMAZON-02
3	150.171.22.12	United States	AS8075MICROSOFT-CORP-MSN-AS-BLOCK
2	104.26.5.149	United States	AS13335CLOUDFLARENET
2	52.217.143.9	Ashburn, Virginia, United States	AS16509AMAZON-02
2	18.245.86.14	United States	AS16509AMAZON-02
224	79	-	-

Security Scan Report: www.cyberphoto.se

Summary

AI Security Verdict

High Risk

Risk Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies1

Content Similarity HashesFor malware variant detection

Image Hashes

Perceptual Hashes

Other Hashes

Scan History