technology software

forum

Swedish

.AspNetCore.Session

.AspNetCore.Antiforgery.47DEQpj8HBQ

Domain 'www.cyberphoto.se' uses the Swedish country-code top-level domain (.se); it also runs on subdomain 'www'. The core label 'cyberphoto' covers 10 characters split between 3 vowels and 7 consonants. Word splitting yields two words: cyber, photo. Expect five characters per word on average. No strong language cues emerged from the frequency lists.

html/ab/9a/ab9a140b-fc1f-420f-ab9b-9fcdaf95a225_fallback.html.gz

Black Friday 2025 Fujifilm Instaxskrivare på köpet till X Half | CyberPhoto

cookie-information-sharinglibrary-iframe

Cookie Information cookie sharing library

Black Friday-deals - Köp nu, betala i januari utan avgift!

Black Friday 2025 Fujifilm Instaxskrivare på köpet till X Half

viewport

robots

generator

https://www.cyberphoto.se/storage/8A2910AB8801B343FE68D505EF3F18E69671AF861AFEF3F2C83D0D4FAFC35FA4/b7ea844142b14a74adbd2094f11ffed7/jpg/media/ab89da26798c4493814c09a14e1656d1/BW-kampanj_xhalf_2025-11-21.jpg

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

https://www.cyberphoto.se/kampanjer/black-friday-2025-fujifilm-instaxskrivare-pa-kopet-till-x-half

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/


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

Microsoft

LinkedIn

Google

✅ Low Risk - https://www.cyberphoto.se/kampanjer/black-friday-2025-fujifilm-instaxskrivare-pa-kopet-till-x-half

Requests	IP Address	Location	AS Autonomous System
99	81.201.216.254	Sweden	AS57829Iver Norge As
66	172.217.23.99	United States	AS15169GOOGLE
7	104.20.47.182	United States	AS13335CLOUDFLARENET
6	34.111.179.208	Kansas City, Missouri, United States	AS396982GOOGLE-CLOUD-PLATFORM
5	52.242.103.142	Boydton, Virginia, United States	AS8075MICROSOFT-CORP-MSN-AS-BLOCK
3	3.5.29.233	United States	AS14618AMAZON-AES
3	104.18.13.13	United States	AS13335CLOUDFLARENET
3	13.107.246.44	United States	AS8075MICROSOFT-CORP-MSN-AS-BLOCK
3	3.174.46.35	United States	AS16509AMAZON-02
3	150.171.22.12	United States	AS8075MICROSOFT-CORP-MSN-AS-BLOCK
152	87	-	-

Security Scan Report: www.cyberphoto.se

Summary

AI Security Verdict

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Scan History