forum

Swedish

.AspNetCore.Session

.AspNetCore.Antiforgery.47DEQpj8HBQ

The domain name 'www.cyberphoto.se' uses the Swedish country-code top-level domain (.se) with subdomain 'www'. Its registrable label 'cyberphoto' stretches across 10 characters containing 3 vowels alongside 7 consonants. Splitting it apart reveals 2 words: cyber, photo. Median word length comes out to five characters. No strong language cues emerged from the frequency lists.

html/c6/00/c600034c-e227-4f87-aebc-ee469478ce3f.html.gz

cookie-information-sharinglibrary-iframe

Cookie Information cookie sharing library

af5847fc91cfa15150ca59668d205c2bef98fe84932f9d55f2cd946520f89261

c648b55fb52d07d21c4fe39246821fd066ad0957e9581c4f82df7a6e26688370

3c4b51564fd4e2e1f49c9e392f595a6c5d23b7c815817b4d9ab45949f0138fcf

d5531ab449289579c4c718598c60379040098f0bd377a70ebdffda8529a4b7ae

274c94ecafb4aab69f1923e770dc7b61b9f30a294dcdd79def3bd2f3c4c61bf9

9417fde53423e9e371d3988a2f287887d3bdf5d73ed6b1d680edaaeef3fd780c

eea9ae8ed6e50adcd65e5635a91b2435ab9d1c331e77d970b2c298f45a22bea1

71565722282831fdd346ccb45711b6c888e862ae1834a00f82ec8b21ad59485a

1f05ab8a0cabdd43be43974f15283b7eef2e27ac9fc7cd16049b41df6386b784

2eca4e19ce2f8beb61bbbc93c202609dab5a84770dd10f213042bb61838173ea

567e72c15064f42d211a6a03b4675b66e237b2b159079dedf732421f13fdbf41

adb953f850883f277ff11bfb8411c01ce2ddc9b07dd2af5a89f14c623e85ddad

d8bbcf4cb357bcf99a4a913d28b8c434d118d8041daa15f65bc94b60ccd431d5

9a2929ae092064d3f647c75e02819730b20b1e8dfdf73605293ca1a5e43f6d7e

2fb3bb16125414d0253b5c04c4f18fe84277c30654e490ebac3e2da107e47e5f

547bfc45578ce178ee3a39ca5de3b1a633db03c200d7a1c96709315ee968f1c1

9a099aac7962e4e208dbc99ebf9fc2e8252ccf88982ef5d3f47e474996de69e5

dce83ada23953e5e98005107d4f4aa9399959c0032eff22b49982a7e5ae7ff61

3c1c463488f909eb1eebc028c643173df12813a3c2168881290aee39e4626752

200c8b2b4f384af8ae0bc263ea01bbb00f840fbb31382981a43e3d7b2a7a8948

3c41f63873f2bfa5d89bac3bf91cd7855bacce99e77ba6ae559230e330dedd31

41d759cc5ba1843c219378718a17765d40773829e4d6471ed51dcf6a3e761e25

dbdc54cfded8193ed4df14a1b1b11d6a69da41fa4941aace8f1b58a036f91c0f

604edd9d1d3d6823864bc7aee9d257a0765fb6e8c40ea6f9001fbf4675741711

850014fd0a1a00ab7da83f9bd6a3bc67c57547931f1a42ff7c902f98946728e8

acfea294915b3a0e28e152147b7c046721af26e9d1607b66b959eee257aa0607

82b28bbe06a6f7ba1aa3968711a6c3e73250bc912a55026888d4050d1c4386ab

4e37309b11211e72260341f3c6e2a7a1a895851940aff259b13faed5a26567d2

992ccdc17864d6c5dfbc2d85107a2b0857aef316c26aa071bb6170f5fb796f78

88fdb4e422b862e52817c95db841ab1d82be5649650cfdc79954d1544656ea84

c7c1373221e665965b40c7c3e973546da1d94667110ecc782ffe6817dfe6ce79

b30e7a9c27d5ccdcdb15642e99ed77853d86f7a1584fd8f6abc1636eb8c46f37

171b1d49611fd6275874b9c17073aa30df94761bf959e2ace5131dc8eaa3f7dd

0a43abd694ca734e1dc28cb0d9d1720befa84f41fccf60cdf07c79f493d2c122

4e9f2492528bb73392df742120ee205a6e7a997cb1641c7fbd827a42f53e8e2c

c2c053a07669e8b215ea92542b66b42f4c0183e6149cb0506c1fba3debdf7eac

b9e9dd7c1241326d78180606290e72c32f10f5429a5f93c731934a4570ba2118

4c2138235368b90da19b5c17d355f4df4fd315a1898feef07be03a4dafe7e3dd

a2f5495488aaf75c243044a17f17279074d32239b6f423928af58373f8d58823

5b84b67ec2c7d906309904812a0335a90b2a956f1892173f0b7b88c7cbfc3119

ab47b68d739ed49b93b23bb3895e13ad7b0503c7a5139d4d942a02360d508453

7d643338aff58e03de0ee5b58ec61afba1ce7960e5add1427b8acd76f5bf4b15

37b46230a69c31b1c5c2cd9ba937bbb0aac6dec1fa00dc34cd2af8c6e4080e22

9597c2fa3be05d3fd42f20bea03b13260ff7bb8ed2a19e3fdeb5a9d333e02c18

c5b878c6ba95b607420d92f87ddf15d39776ca4c779e56a6f0900e66f054cecf

fff9dab9a2071cce0c1196673c024cc482c4fa6622c05a4d4666432bbb17a051

567c4053c1f7e3a2e1173bc96809834d39adce6a6b8001c0d91ee5cf596c385b

5935e94c32f64d48cfa5a79ee43146155679f5d6b03d4c56c1ec6bc887ed1998

6630ce0e7bfa080e95b1756bf95d4485aad082e98b7ebf51ca4f4ace1ab1e095

f9d745e9ac642c67ca442a75edb0304c19e020de504f6391873a1492eabc0a29

4f6f3ce10d2ec2ff1a234e516588eef6a9d12cf312cc2f0709b77c5a6b3e46b2

bc97f6c3882b83df96e4934fbf0afb0a96956f5b8d67b7916d9d5e8caaa4d0a2

7420eeb771715752ee370c6e7ae6db6948c28768c17e1fc391fb2bee37712464

147695087547dade7163571141cc331f09e605de61aa4a2ed2d838e3ec2614e4

5f6a2e5314330e41add70e849ed06f4c3ef0a7eebe10295c287bf25bfb5e536e

4bfe870658b244f1c8427c9e6a4bb5853f996348d30870cf4f8e1ed39d7a1c38

8429df31d87ec9b44af6908f55d7180bf60298ffe3907b18c322f631d9c77e59

affc0236671ecfd49ff57ea03975f4c3e153ab1383d2854ad4f46ff8b1290652

7e3f683dbbe6a1826ec46d48e3e01b8c82df46feab7c25e37371e23a2aaae7f0

f0368485362e053455110777205e7f66436d383a29764a63a88972a8955a38e0

81ea65096e729d58041842fa3493337da7693e8660ca8ebfc45fb7205e4c3f39

deae2c7a6001a1a4b13856b4bce7b172e817cd9aed308e9403bf6dbbb2af24a6

ac8de00b1be40e7b3244c20ba0e7a70e10ad2959a6976ba36a7b823abdcec1fc

09fffb4db351508855a92cfd3856af3c76a6c5db67dd665325fd15b457728c41

546d6e1a181f14b1c356259982a9eaef3894c3c6193c6aa531d8ec1049439dfe

185204ee412e096d106dff67d4dc210f9ab402ea74986e2be2123324653430a8

629b2b0342df20308f5297c3ccf6223212c0e7cc4346251adde0d92e61cfb5e0

ae31c3c5aa3d5e820eee237cc36e7c43befbc0582eef67db05b78716d047554b

9b921360222851bc1ffbfb12f7d4beb89c9ef47391321c22821e11ca9271f0f6

4ae4972f0e27ac6a50bab988f0b59ff20fb8e4728d0f768afef765e18611dcab

6d9c0b8870436a78100485b953302b80054627d6ac93248997a1ae16b28b4e7c

5576b851a9fac38e9dbb2f7c42cf408923a101fcdeda2869b9182cfd1e28a619

da2bfcad2ed416f72fb23a097b440b4b536db95f83d329b1da3923526ce035c6

366be26a9a5d7808faf6aa839a8876cb2fa5dbefdf52a1bd6ce4da9a2a3e16d4

95e4f2071e2e6ac22931ac9384da8e1df6a7ccaf1ab963da418ed44ea370cf00

91653af9f48da1c68cc344b628f995bf691a726b9c58fab5fb5e2cc7d15b682d

405c25a0d042c2e333628b0540b426ced7bfa37f2f80ed26a257887268d54bf8

2fe5f60be01ef44265f6a62f21948afb1200e018e5cf1569371ad416d705c5e0

382e648c1a274681ac9b6414a6977baea02c122f0fbf663d71efd59e033e5c06

viewport

robots

generator

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

https://www.cyberphoto.se/inspiration/fototips/fran-vidvinkel-till-tele

Inom fotografi handlar valet av brännvidd inte bara om hur mycket man zoomar in. I den här guiden berättar vår Content Partner Kevin Bruseby, som arbetar med Nikonutrustning, om hur brännvidden påverkar bildens känsla, djup och den upplevelse som betraktaren får. Alla bilder i artikeln är tagna med kameror och objektiv från Nikon.

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/

appId=cid-v1:24dd0b7c-7995-45d6-b3b6-925639dc2d30

appId=cid-v1:7d42d046-dcef-4ece-9958-25d0ee39f9a0

default-src 'self';base-uri 'self';block-all-mixed-content;font-src 'self' https: data:;frame-ancestors 'self';img-src 'self' data:;object-src 'none';script-src 'self';script-src-attr 'none';style-src 'self' https: 'unsafe-inline';upgrade-insecure-requests

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

cyberphoto.se

Abuse-C Role

Octave Klaba

OVH SAS

OVH-MNT

ORG-NCC1-RIPE

OVH Technical Contact

FR-OVH-19930901


    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%>"> <% } %>

PoweredBy

MetaGenerator

HSTS

Episerver/Optimizely CMS

Från vidvinkel till tele | CyberPhoto

Microsoft

LinkedIn

Google

✅ Low Risk - https://www.cyberphoto.se/inspiration/fototips/fran-vidvinkel-till-tele

Requests	IP Address	Location	AS Autonomous System
21	145.239.193.91	France	AS16276OVH SAS
2	13.226.244.88	United States	AS16509AMAZON-02
2	13.226.244.75	United States	AS16509AMAZON-02
2	34.111.179.208	Kansas City, Missouri, United States	AS396982GOOGLE-CLOUD-PLATFORM
2	104.18.13.13	United States	AS13335CLOUDFLARENET
2	18.245.86.23	United States	AS16509AMAZON-02
2	142.251.140.168	United States	AS15169GOOGLE
2	81.201.216.254	Sweden	AS57829Iver Norge As
2	20.250.198.32	Zurich, Zurich, Switzerland	AS8075MICROSOFT-CORP-MSN-AS-BLOCK
2	3.5.29.52	United States	AS14618AMAZON-AES
173	77	-	-

Security Scan Report: www.cyberphoto.se

Summary

AI Security Verdict

Safe Website

Safety 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 Technologies3

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History