social_media

forum

e-commerce

English

__rtbh.ev

_ga_79CW2ZBVF5

authentication_flag

_fbp

form_key

mage-messages

FPGSID

mage-cache-storage-section-invalidation

mage-banners-cache-storage

ttcsid_CKS0B7BC77U1BIIGEHRG

ttcsid_CKKEUEBC77UANPJ969P0

FPAU

FPID

_gcl_au

_pin_unauth

private_content_version

ttcsid

mage-cache-storage

_ttp

klv_mage

FPLC

mg_dnt

_hjSession_3446957

mage-cache-sessid

_hjSessionUser_3446957

_tt_enable_cookie

tfpsi

__rtbh.lid

PHPSESSID

The domain name 'www.istore.co.za' uses the South African country-code top-level domain (.co.za) with subdomain 'www'. Its registrable label 'istore' stretches across 6 characters with 3 vowels and three consonants. Breaking it apart gives two words: is, tore. Median word length comes out to 3 characters. No strong language cues emerged from the frequency lists.

product

selected_configurable_option

related_product

item

super_attribute[93]

super_attribute[363]

option

additional_options

tradein_item

tradein_value

insurance_item

insurance_premium

delivery_postal_code

username

password

captcha_form_id

context

sha256=:uA4uvyztT/DfP7+zcxw0k4JLUPtwxWlprppWSI08cUw=:

a-rt3h2indkk1w

reCAPTCHA

No content

_hjSafeContext

A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==

title

Buy the new & latest iPhone 15 from the iStore. iStore - The dedicated hub for all Apple products alongside the best Apple experience & exclusive services.

description

keywords

robots

viewport

format-detection

apple-itunes-app

Ts-_-A82GGk4XKAyC2yK0304ywLhHuCLSFr4a_36MQg

google-site-verification

facebook-domain-verification

https://www.istore.co.za/media/catalog/product/cache/9312195337937e6890ce2fae5ec8c9ff/i/p/iphone_15_plus_black_pdp_image_position-1__wwen_5.jpg

A7JYkbIvWKmS8mWYjXO12SIIsfPdI7twY91Y3LWOV/YbZmN1ZhYv8O+Zs6/IPCfBE99aV9tIC8sWZSCN09vf7gkAAACWeyJvcmlnaW4iOiJodHRwczovL2N0LnBpbnRlcmVzdC5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9

R3jyXnL_p-uU-VfWrWVb05lJwCKIdmkt71O2lIQDwCc

tbM0JV3nVOE14X5t6br2uG6SzzUA-bqkpbyjLptrl4k

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks


    var LOCALE = 'en\u002DUS';
    var BASE_URL = 'https\u003A\u002F\u002Fwww.istore.co.za\u002F';
    var require = {
        'baseUrl': 'https\u003A\u002F\u002Fwww.istore.co.za\u002Fstatic\u002Fversion1763540607\u002Ffrontend\u002FVaimo\u002Fcoregroup\u002Fen_US'
    };


    var klevu_lang = 'en';
    var klevu_baseCurrencyCode = 'ZAR';
    var klevu_currentCurrencyCode = 'ZAR';
    
    var klevu_pubIsInUse = true;
    var klevu_current_version = '3.7.0';

    klevu({"search":{"apiKey":"klevu-162126048417111065"},"analytics":{"apiKey":"klevu-162126048417111065"}});

    // Add Price Field Suffix for customer group and currency conversion
    // When javascript is deferred the calling code must use window._klvReady
    var klevu_addPriceSuffixToQueryControl = {
        name: 'addPriceSuffixToQuery',
        fire: function (data, scope) {
            var localStorage = JSON.parse(
                window.localStorage.getItem('klv_mage') || '{}'
            );
            var customerData = localStorage.customerData || {};
            if ("undefined" !== typeof customerData.customer_group_id) {
                klevu.search.modules.addPriceSuffixToQuery(data, scope, klevu_baseCurrencyCode, customerData.customer_group_id);
            }
        }
    };

    (function (klevu) {
        klevu.extend(true, klevu.search.modules, {
            addPriceSuffixToQuery: function (data, scope, currencyCode, customerGroupId) {
                if (typeof data.request.current === "undefined") {
                    return false;
                }

                klevu.each(data.request.current.recordQueries, function (key, query) {
                    //code to fetch prices
                    klevu.setObjectPath(
                        data,
                        "localOverrides.query." + query.id + ".settings.priceFieldSuffix",
                        currencyCode + '-' + customerGroupId
                    );
                });
            },

            mageConvertPriceRecordCurrencyData: function (productRecords, currencyCode, currencyRates) {
                if (!productRecords) {
                    return;
                }
                klevu.each(productRecords, function (recordKey, productRecord) {
                    var fromRate = parseFloat(currencyRates[productRecord.currency] || 0);
                    var toRate = parseFloat(currencyRates[currencyCode] || 0);
                    if (!fromRate || !toRate) {
                        return;
                    }
                    var exchangeRate = toRate / fromRate;
                    if (klevu.isNumeric(klevu.getObjectPath(productRecord, "price"))) {
                        productRecord.price *= exchangeRate;
                    }
                    if (klevu.isNumeric(klevu.getObjectPath(productRecord, "salePrice"))) {
                        productRecord.salePrice *= exchangeRate;
                    }
                    if (klevu.isNumeric(klevu.getObjectPath(productRecord, "startPrice"))) {
                        productRecord.startPrice *= exchangeRate;
                    }

                    productRecord.currency = currencyCode;
                });
            }
        });
    })(klevu);


    klevu.interactive(function () {
        var options = {"url":{"protocol":"https:","landing":"https:\/\/www.istore.co.za\/search\/","search":"https:\/\/eucs26v2.ksearchnet.com\/cs\/v2\/search"},"search":{"minChars":0,"searchBoxSelector":"input[type=text][name=q],input[type=search][name=q],.kuSearchInput"}};
        
        klevu(options);
        
    });


require(['magentoStorefrontEvents'], function (magentoStorefrontEvents) {
    if(!magentoStorefrontEvents) return;

    window.magentoStorefrontEvents = magentoStorefrontEvents;
    magentoStorefrontEvents.context.setStorefrontInstance(
        {"storeUrl":"https:\/\/www.istore.co.za\/","websiteId":1,"websiteCode":"base","storeId":1,"storeCode":"main_website_store","storeViewId":1,"storeViewCode":"default","websiteName":"Main Website","storeName":"Main Website Store","storeViewName":"Default Store View","baseCurrencyCode":"ZAR","storeViewCurrencyCode":"ZAR","catalogExtensionVersion":"103.3.18","environmentId":"631b56c9-8bad-4fee-a401-1ef091342670","environment":"Production","storefrontTemplate":"Luma"}
    );
    magentoStorefrontEvents.context.setMagentoExtension({
        magentoExtensionVersion: "7.6.2",
    });
    magentoStorefrontEvents.context.setDataServicesExtension({
        version: "7.6.2",
    });
    magentoStorefrontEvents.context.setPage({
        pageType: "Default"
    });
    magentoStorefrontEvents.context.setContext("pageExtended", {
        action: "page-view"
    });
    
});

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-P3VCZKF');


    klevu({
        theme: {
            quickSearch: {
                loadDefaultStyles: false
            },
            landing: {
                loadDefaultStyles: false
            },
            catnav: {
                loadDefaultStyles: false
            },
            modules: {
                resultInfiniteScroll: {
                    quickSearch: {
                        enable: false                    },
                    searchResultsPage: {
                        enable: false                    },
                    categoryPage: {
                        enable: false                    }
                }
            }
        }
    })



    klevu.interactive(function() {
        var options = {
            powerUp: {
                quick: false
            },
        };

        klevu(options);
    });

    klevu.modifyRequest("all", function (data, scope) {
        klevu.each(data.request.current.recordQueries, function (key, query) {
            klevu.setObjectPath(query, "filters.filtersToReturn.options.limit", 15);
        })
    });

    klevu.coreEvent.build({
        name: "setRemoteConfigQuickOverride",
        fire: function () {
            return !!klevu.getSetting(klevu, "settings.flags.setRemoteConfigQuick.build", false);
        },
        maxCount: 150,
        delay: 100
    });



    klevu.coreEvent.attach("setRemoteConfigQuickOverride", {
        name: "attachRemoteConfigQuickOverride",
        fire: function () {
            klevu.each(
                klevu.search.extraSearchBox, function (key, box) {
                    // Quick Search
                                                    box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#klevuQuickTemplateBaseCustom"),
                                    "klevuTemplateBase",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#klevuQuickProductsCustom"),
                                    "klevuQuickProducts",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#klevuQuickProductBlockCustom"),
                                    "klevuQuickProductBlock",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#klevuTemplateNoResultFoundQuickCustom"),
                                    "noResultsFoundQuick",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#kuQuickNoResultsPopularSearchesCustom"),
                                    "quickNoResultsPopularSearches",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#klevuQuickNoResultsPopularProductBlockCustom"),
                                    "quickNoResultsPopularProductBlock",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#klevuQuickTemplateFiltersCustom"),
                                    "klevuQuickTemplateFilters",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#klevuQuickOtherContentCustom"),
                                    "klevuQuickOtherContent",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#klevuQuickTemplateContentBlockCustom"),
                                    "klevuQuickTemplateContentBlock",
                                    true
                                );
                                                            box.getScope().template.setTemplate(
                                    klevu.dom.helpers.getHTML("#quickSearchProductAddToCartCustom"),
                                    "quickSearchProductAddToCart",
                                    true
                                );
                            
                    // Result Page
                    if (klevu.search.landing) {
                                                            klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplatePaginationCustom"),
                                        "pagination",
                                        true
                                    );
                                                                    klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateProductBlockCustom"),
                                        "productBlock",
                                        true
                                    );
                                                                    klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateResultsCustom"),
                                        "results",
                                        true
                                    );
                                                                    klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateFiltersCustom"),
                                        "filters",
                                        true
                                    );
                                                                    klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#landingPageProductAddToCartCustom"),
                                        "landingPageProductAddToCart",
                                        true
                                    );
                                                                    klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateSortByCustom"),
                                        "sortBy",
                                        true
                                    );
                                                                    klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateNoResultFoundCustom"),
                                        "noResultsFoundLanding",
                                        true
                                    );
                                                                    klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#kuNoResultsPopularSearchesLandingCustom"),
                                        "noResultsLandingPopularSearches",
                                        true
                                    );
                                                                    klevu.search.landing.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#kuFilterTagsTemplateCustom"),
                                        "kuFilterTagsTemplate",
                                        true
                                    );
                                                    }

                    // Catalog Page
                    if (klevu.search.catnav) {
                                                            klevu.search.catnav.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplatePaginationCatalogCustom"),
                                        "pagination",
                                        true
                                    );
                                                                    klevu.search.catnav.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateProductBlockCatalogCustom"),
                                        "productBlock",
                                        true
                                    );
                                                                    klevu.search.catnav.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateResultsCatalogCustom"),
                                        "results",
                                        true
                                    );
                                                                    klevu.search.catnav.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateFiltersCatalogCustom"),
                                        "filters",
                                        true
                                    );
                                                                    klevu.search.catnav.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#landingPageProductAddToCartCatalogCustom"),
                                        "landingPageProductAddToCart",
                                        true
                                    );
                                                                    klevu.search.catnav.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#klevuLandingTemplateSortByCatalogCustom"),
                                        "sortBy",
                                        true
                                    );
                                                                    klevu.search.catnav.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#kuNoResultsPopularSearchesLandingCatalogCustom"),
                                        "noResultsLandingPopularSearches",
                                        true
                                    );
                                                                    klevu.search.catnav.getScope().template.setTemplate(
                                        klevu.dom.helpers.getHTML("#kuFilterTagsTemplateCatalogCustom"),
                                        "kuFilterTagsTemplate",
                                        true
                                    );
                                                    }
                }
            );

            klevu({
                powerUp: {
                    quick: true,
                    landing: true,
                    catnav: true
                }
            });
        }
    });



    <% if (!document.querySelector('.klevu-overlay').classList.contains('active')) { %>
        <% document.querySelector('.klevu-overlay').classList.add('active') %>
    <% } %>

    <div class="klevu-fluid kuPreventDocumentClick">
        <div id="klevuSearchingArea" class="klevuQuickSearchingArea">
            <div ku-container data-container-id="ku_quick_main_container" data-container-role="main">
                <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header">
                    <section ku-block data-block-id="ku_quick_main_header_sub_panel"></section>
                    <section ku-block data-block-id="ku_quick_main_header_banner">
                        <%=helper.render('klevuQuickPromotionBanner',scope,data,"top") %>
                    </section>

                    <section ku-block data-block-id="ku_quick_main_header_site_navigation">
                        <div class="klevuSuggestionsBlock">
                            <%=helper.render('klevuQuickAutoSuggestions',scope) %>
                            <%=helper.render('klevuQuickPageSuggestions',scope) %>
                            <%=helper.render('klevuQuickCategorySuggestions',scope) %>
                        </div>
                    </section>
                </header>

                <% if(data.showQuickFacetedLayoutCharLimitMessage == true) { %>
                    <% var quickFacetedLayoutMessage = (data.quickFacetedLayoutMinCharsTextValue) ? data.quickFacetedLayoutMinCharsTextValue : ""; %>

                    <% if(quickFacetedLayoutMessage != "") { %>
                        <span class="kuFacetedLayoutMinCharText"><%= helper.translate(quickFacetedLayoutMessage) %></span>
                    <% } %>
                <% } else { %>
                    <% if(data.query.productList) { %>
                        <%=helper.render('klevuQuickTemplateResultsHeadingTitle',scope,data,"productList") %>
                        <%= helper.render('klevuQuickProducts',scope) %>
                        <%= helper.render('klevuQuickOtherContent',scope) %>
                    <% } else { %>
                        <div class="kuSearchPersonalizationsContainer">
                            <%= helper.render('klevuSearchPersonalizations',scope) %>
                        </div>
                    <% } %>
                <% } %>

                <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer">
                    <section ku-block data-block-id="ku_quick_main_footer_sub_panel"></section>
                    <section ku-block data-block-id="ku_quick_main_footer_banner">
                        <%=helper.render('klevuQuickPromotionBanner',scope,data,"bottom") %>
                    </section>
                </footer>
            </div>
        </div>
    </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">
                <div class="klevuHeadingText">
                    <%= helper.translate('Filter Results') %>
                </div>

                <% 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="klevuHeadingText">
                            <%= helper.translate(klevu.getObjectPath(data,"query.productList.meta.totalResultsFound") + ' Results found for "' + helper.escapeHTML(data.settings.term) + '"') %>

                            <div class="klevu-view-all">
                                <button class="action primary klevu-view-all-btn">
                                    <span><%= helper.translate('View All Results') %></span>
                                </button>
                            </div>
                        </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-block data-block-id="ku_quick_no_result_items">
        <%=helper.render('noResultsFoundQuick',scope) %>
    </div>
    <% } %>
    <% } else { %>
    <div ku-block data-block-id="ku_quick_no_result_items">
        <%=helper.render('noResultsFoundQuick',scope) %>
    </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%>" />

                    <% if (dataLocal.raw_badge_data) {
                        var badgeData = Object.values(JSON.parse(dataLocal.raw_badge_data));

                        for (var i = 0; i < badgeData.length; i++) {
                            if (parseFloat(dataLocal.totalVariants) > 0 && parseFloat(badgeData[i].apply_to_parent) === 0) {
                            } else { %>
                                <div class="vaimo-component-badge__wrapper vaimo-component-badge__wrapper--<%= badgeData[i].product_position %>">
                                    <div class="vaimo-component-badge vaimo-component-badge--<%= badgeData[i].product_image_url.length > 0 ? 'with-image' : 'no-image' %>"
                                         id="vaimo-badge-container-<%= badgeData[i].badge_id %>"
                                         style="<%= badgeData[i].product_position_style %>">
                                        <% if (badgeData[i].link.length > 0) { %>
                                        <a href="<%= badgeData[i].link %>">
                                        <% } %>

                                        <% if (badgeData[i].product_image_url.length > 0) { %>
                                            <img class="vaimo-component-badge__image"
                                                 id="vaimo-component-badge__image-<%= badgeData[i].badge_id %>"
                                                 src="<%= badgeData[i].product_image_url %>"/>
                                        <% } else { %>
                                            <div class="vaimo-component-badge__text" style="<%= badgeData[i].product_font_style %>">
                                                <span class="vaimo-component-badge__text__inner">
                                                    <%= badgeData[i].category_value %>
                                                </span>
                                            </div>
                                        <% } %>

                                        <% if (badgeData[i].link.length > 0) { %>
                                        </a>
                                        <% } %>
                                    </div>
                                </div>
                            <% }
                        }
                    } %>
                </div>
            </div>

            <div class="klevuProductItemBottom">
                <div class="klevuQuickProductDescBlock">
                    <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div>
                    <% 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><%=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) %>
                    <% } %>
                </div>
            </div>
        </a>
        <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %>
            <a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>"  class="trackProductClick kuTrackRecentView">
                <%=helper.render('quickProductStock', scope, data, dataLocal) %>
            </a>
        <% } else { %>
            <%=helper.render('quickSearchProductAddToCart',scope,data,dataLocal) %>
        <% } %>
    </li>



    <% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %>
        <div class="kuNoResultsPopularSearchesBlock">
            <div class="kuNoResultsPopularSearchHeading"><%=helper.translate("Popular Searches")%></div>

            <% 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 = "/";
                    } %>
                    <a href="<%= landingURLPrefix %>?q=<%= term %>" title="<%= term %>"><%= term %></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 class="klevuProduct klevuPopularProduct" data-id="<%=dataLocal.id%>">
        <a target="_self"
           href="<%=dataLocal.url%>"
           data-id="<%=dataLocal.id%>"
           class="klevuQuickProductInnerBlock trackProductClick klevuProductClick kuTrackRecentView">
            <div class="klevuProductItemTop">
                <div class="klevuQuickImgWrap">
                    <img src="<%=dataLocal.image%>"
                         origin="<%=dataLocal.image%>"
                         onerror="klevu.dom.helpers.cleanUpProductImage(this)"
                         alt="<%=updatedProductName%>" />

                    <% if (dataLocal.raw_badge_data) {
                        var badgeData = Object.values(JSON.parse(dataLocal.raw_badge_data));

                        for (var i = 0; i < badgeData.length; i++) { %>
                            <div class="vaimo-component-badge__wrapper vaimo-component-badge__wrapper--<%= badgeData[i].product_position %>">
                                <div class="vaimo-component-badge vaimo-component-badge--<%= badgeData[i].product_image_url.length > 0 ? 'with-image' : 'no-image' %>"
                                     id="vaimo-badge-container-<%= badgeData[i].badge_id %>"
                                     style="<%= badgeData[i].product_position_style %>">
                                    <% if (badgeData[i].link.length > 0) { %>
                                    <a href="<%= badgeData[i].link %>">
                                    <% } %>

                                    <% if (badgeData[i].product_image_url.length > 0) { %>
                                        <img class="vaimo-component-badge__image"
                                             id="vaimo-component-badge__image-<%= badgeData[i].badge_id %>"
                                             src="<%= badgeData[i].product_image_url %>"/>
                                    <% } else { %>
                                        <div class="vaimo-component-badge__text" style="<%= badgeData[i].product_font_style %>">
                                            <span class="vaimo-component-badge__text__inner">
                                                <%= badgeData[i].category_value %>
                                            </span>
                                        </div>
                                    <% } %>

                                    <% if (badgeData[i].link.length > 0) { %>
                                    </a>
                                    <% } %>
                                </div>
                            </div>
                        <% }
                    } %>
                </div>
            </div>

            <div class="klevuProductItemBottom">
                <div class="klevuQuickProductDescBlock">
                    <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne">
                        <%= updatedProductName %>
                    </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>
        </a>
    </li>



    <% 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.options.filter(function (data) { return data.selected === true }).length > 0 ? 'active' : '' %> <%=(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 class="<%= filter.options.length > 4 ? 'active': '' %>">
                                <% 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>
                                            <span class="kuFilterTotal"><%=filterOption.count%></span>
                                        </a>
                                    </li>
                                <%  }); %>

                                <li class="klevu-filter-show">
                                    <button class="action primary dark klevu-filter-show-more" id="klevu-filter-show-more">
                                        <span class="more"><%= helper.translate('See More') %></span>
                                        <span class="less"><%= helper.translate('See Less') %></span>
                                    </button>
                                </li>
                            </ul>
                        </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>
                <% } %>
            <% }); %>
        </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(); %>
            </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_other_items">
            </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(); %>
            </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>
    <% } %>
    <% } %>



    <% 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">
                    <img src="<%=dataLocal.image%>"
                         origin="<%=dataLocal.image%>"
                         onerror="klevu.dom.helpers.cleanUpProductImage(this)"
                         alt="<%=updatedProductName%>" />
                </div>
            </div>


            <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %></div>

            <a class="action primary dark klevu-article-btn" href="<%=dataLocal.url%>">
                <span><%= helper.translate('Discover more') %></span>
            </a>
        </a>
    </li>



    <% 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">
                    <span><%= helper.translate('Buy Now') %></span>
                </a>
            </div>
        <% } else { %>
            <% if (dataLocal.totalVariants === 0) { %>
                <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>">
                    <button class="kuBtn kuBtnDark klevuQuickCartBtn">
                        <% if (dataLocal.backorders && dataLocal.backorders === '1') { %>
                            <span><%= helper.translate('Back order') %></span>
                        <% } else if (dataLocal.backorders && dataLocal.backorders === '101') { %>
                            <span><%= helper.translate('Pre-Order') %></span>
                        <% } else { %>
                            <span><%= helper.translate('Buy Now') %></span>
                        <% } %>
                    </button>
                </div>
            <% } else { %>
                <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>">
                    <a class="action secondary kuBtn kuBtnDark klevuQuickCartBtn viewItem"
                       href="<%= dataLocal.url %>">
                        <span><%= helper.translate('Configure Product') %></span>
                    </a>
                </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">
            <a target="_self"
               href="javascript:void(0)"
               class="klevuPaginate prev <%= data.query[dataLocal].meta.offset > 0 ? '' : 'disabled' %>"
               data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"></a>

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

            <a href="javascript:void(0);"
               class="kuCurrent">
                <%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%>
            </a>

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

            <a target="_self"
               href="javascript:void(0)"
               class="klevuPaginate next <%= productListTotal >= data.query[dataLocal].meta.offset+productListLimit ? '' : 'disabled' %>"
               data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>"></a>
        </div>
    <% } %>



    <%
    var updatedProductName = dataLocal.name;
    console.log(dataLocal.raw_badge_data);
    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 item product product-item" 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>

            <a data-id="<%=dataLocal.id%>"
               href="<%=dataLocal.url%>"
               class="klevuProductClick kuTrackRecentView product photo product-item-photo">
                <span>
                    <img src="<%=dataLocal.image%>"
                         origin="<%=dataLocal.image%>"
                         onerror="klevu.dom.helpers.cleanUpProductImage(this)"
                         alt="<%=updatedProductName%>"
                         class="kuProdImg product-image-photo">
                </span>

                <% if (dataLocal.raw_badge_data) {
                    var badgeData = Object.values(JSON.parse(dataLocal.raw_badge_data));

                    for (var i = 0; i < badgeData.length; i++) {
                        if (parseFloat(dataLocal.totalVariants) > 0 && parseFloat(badgeData[i].apply_to_parent) === 0) {
                        } else { %>
                            <div class="vaimo-component-badge__wrapper vaimo-component-badge__wrapper--<%= badgeData[i].product_position %>">
                                <div class="vaimo-component-badge vaimo-component-badge--<%= badgeData[i].product_image_url.length > 0 ? 'with-image' : 'no-image' %>"
                                     id="vaimo-badge-container-<%= badgeData[i].badge_id %>"
                                     style="<%= badgeData[i].product_position_style %>">
                                    <% if (badgeData[i].link.length > 0) { %>
                                        <a href="<%= badgeData[i].link %>">
                                    <% } %>

                                    <% if (badgeData[i].product_image_url.length > 0) { %>
                                    <img class="vaimo-component-badge__image"
                                         id="vaimo-component-badge__image-<%= badgeData[i].badge_id %>"
                                         src="<%= badgeData[i].product_image_url %>"/>
                                    <% } else { %>
                                        <div class="vaimo-component-badge__text" style="<%= badgeData[i].product_font_style %>">
                                            <span class="vaimo-component-badge__text__inner">
                                                    <%= badgeData[i].category_value %>
                                            </span>
                                        </div>
                                    <% } %>

                                    <% if (badgeData[i].link.length > 0) { %>
                                        </a>
                                    <% } %>
                                </div>
                            </div>
                        <% }
                    }
                } %>

                <%=helper.render('landingImageRollover', scope, data, dataLocal) %>
            </a>

            <div class="product details product-item-details">
                <span class="stamped-product-reviews-badge" data-id="125891" style="display: block;"></span>
                <strong class="product name product-item-name">
                    <a class="product-item-link" href="<%=dataLocal.url%>">
                        <%= updatedProductName %>
                    </a>
                </strong>
                <div class="price-box-placeholder">
                    <div class="price-box price-final_price">
                        <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %>
                            <%
                            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="product-item-inner">
                    <div class="product actions product-item-actions">
                        <div class="actions-primary">
                            <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %>
                            <a data-id="<%=dataLocal.id%>"
                               href="<%=dataLocal.url%>"
                               class="klevuProductClick kuTrackRecentView">
                                <%=helper.render('landingProductStock', scope, data, dataLocal) %>
                            </a>
                            <% } else { %>
                                <% var isAddToCartEnabled = klevu.search.modules.kmcInputs.base.getAddToCartEnableValue(); %>
                                <% if(isAddToCartEnabled) { %>
                                <%=helper.render('landingPageProductAddToCart',scope,data,dataLocal) %>
                                <% } %>
                            <% } %>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>



    <div class="kuResultsListing">
        <% document.querySelector('.slideout-overlay').classList.remove('active') %>
        <div class="productList klevuMeta" data-section="productList">
            <div class="kuResultContent">
                <div class="kuResultWrap <%=(data.query.productList.filters.length == 0 )?'kuBlockFullwidth':''%>">
                    <div ku-container data-container-id="ku_landing_main_content_container" data-container-role="content">
                        <section ku-container data-container-id="ku_landing_main_content_left" data-container-position="left" data-container-role="left">
                            <div ku-block data-block-id="ku_landing_left_facets">
                                <%=helper.render('filters',scope,data,"productList") %>
                            </div>

                            <div ku-block data-block-id="ku_landing_left_call_outs"></div>

                            <div ku-block data-block-id="ku_landing_left_banner"></div>
                        </section>

                        <section ku-container data-container-id="ku_landing_main_content_center" data-container-position="center" data-container-role="center">

                            <header ku-block data-block-id="ku_landing_result_header">
                                <div class="klevu-show-items">
                                    Showing <b><%= data.query.productList.result.length %></b> items of <b><%= data.query.productList.meta.totalResultsFound %></b>
                                </div>

                                <div class="klevu-grid field limiter">
                                    <button class="toolbar-grid-button column1 active"></button>
                                    <button class="toolbar-grid-button column2"></button>
                                    <button class="toolbar-grid-button column3"></button>
                                    <button class="toolbar-grid-button column4 active"></button>
                                    <button class="toolbar-grid-button column5"></button>
                                </div>

                                <button class="toolbar-sort-filter-button">
                                    Sort &amp; Filter                                </button>

                                <% if(helper.hasResults(data,"productList")) { %>
                                    <%=helper.render('sortBy',scope,data,"productList") %>
                                    <%=helper.render('limit',scope,data,"productList") %>
                                    <%=helper.render('kuTemplateLandingResultsViewSwitch',scope,data,"productList") %>
                                <% } %>

                                <div class="kuClearBoth"></div>
                            </header>

                            <div ku-block data-block-id="ku_landing_result_items">
                                <div class="kuResults products grid-2 grid-4">
                                    <% if(helper.hasResults(data,"productList")) { %>
                                        <ul class="products items">
                                            <% helper.each(data.query.productList.result,function(key,item){ %>
                                                <% if(item.typeOfRecord == "KLEVU_PRODUCT") { %>
                                                    <%=helper.render('productBlock',scope,data,item) %>
                                                <% } %>
                                            <% }); %>
                                        </ul>
                                    <%=helper.render('pagination',scope,data,"productList") %>
                                    <% } else { %>
                                        <div class="kuNoRecordsFoundLabelTextContainer">
                                            <span class="kuNoRecordsFoundLabelText"><%= helper.translate("No records found for your selection") %></span>
                                        </div>
                                    <% } %>

                                    <div class="kuClearBoth"></div>
                                </div>
                            </div>

                            <div ku-block data-block-id="ku_landing_other_items">
                                <%=helper.render('klevuLandingTemplateInfiniteScrollDown',scope,data) %>
                            </div>

                            <footer ku-block data-block-id="ku_landing_result_footer"></footer>
                        </section>

                        <section ku-container data-container-id="ku_landing_main_content_right" data-container-position="right" data-container-role="right">
                            <div ku-block data-block-id="ku_landing_right_facets"></div>
                            <div ku-block data-block-id="ku_landing_right_call_outs"></div>
                            <div ku-block data-block-id="ku_landing_right_banner"></div>
                        </section>
                    </div>

                </div>
            </div>
        </div>

        <% if(data.query.contentList) { %>
        <div class="contentList klevuMeta" data-section="contentList" data-result-view="list">
            <div class="kuResultContent">
                <div class="kuResultWrap <%=(data.query.contentList.filters.length == 0 )?'kuBlockFullwidth':''%>">

                    <div ku-container data-container-id="ku_landing_main_content_container" data-container-role="content">
                        <section ku-container data-container-id="ku_landing_main_content_left" data-container-position="left" data-container-role="left">
                            <div ku-block data-block-id="ku_landing_left_facets">

                                <%=helper.render('filters',scope,data,"contentList") %>

                            </div>
                            <div ku-block data-block-id="ku_landing_left_call_outs"></div>
                            <div ku-block data-block-id="ku_landing_left_banner"></div>
                        </section>
                        <section ku-container data-container-id="ku_landing_main_content_center" data-container-position="center" data-container-role="center">

                            <header ku-block data-block-id="ku_landing_result_header">
                                <%=helper.render('filtersTop',scope,data,"contentList") %>
                                <%= helper.render('kuFilterTagsTemplate',scope,data,"contentList") %>
                                <% if(helper.hasResults(data,"contentList")) { %>
                                <%=helper.render('limit',scope,data,"contentList") %>
                                <%=helper.render('pagination',scope,data,"contentList") %>
                                <% } %>
                                <div class="kuClearBoth"></div>
                            </header>

                            <div ku-block data-block-id="ku_landing_result_items">
                                <div class="kuClearBoth"></div>
                                <div class="kuResults">
                                    <% if(helper.hasResults(data,"contentList")) { %>
                                    <ul>
                                        <% helper.each(data.query.contentList.result,function(key,item){ %>
                                        <% if(item.typeOfRecord == "KLEVU_CMS") { %>
                                        <%=helper.render('contentBlock',scope,data,item) %>
                                        <% }%>
                                        <% }); %>
                                    </ul>
                                    <% } else { %>
                                    <div class="kuNoRecordsFoundLabelTextContainer">
                                        <span class="kuNoRecordsFoundLabelText"><%= helper.translate("No records found for your selection") %></span>
                                    </div>
                                    <% } %>
                                    <div class="kuClearBoth"></div>
                                </div>
                            </div>
                            <div ku-block data-block-id="ku_landing_other_items">
                                <%=helper.render('klevuLandingTemplateInfiniteScrollDown',scope,data) %>
                            </div>
                            <footer ku-block data-block-id="ku_landing_result_footer"></footer>
                        </section>
                        <section ku-container data-container-id="ku_landing_main_content_right" data-container-position="right" data-container-role="right">
                            <div ku-block data-block-id="ku_landing_right_facets"></div>
                            <div ku-block data-block-id="ku_landing_right_call_outs"></div>
                            <div ku-block data-block-id="ku_landing_right_banner"></div>
                        </section>
                    </div>

                </div>
            </div>
        </div>
        <% } %>

    </div>


<% var currentSelected = klevu.getSetting(klevu.settings, "settings.storage").sort.getGlobal()[dataLocal],
        selectedString = "Best Match";

        if (currentSelected === "PRICE_ASC") {
            selectedString = "Price: Low to high"
        } else if (currentSelected === "PRICE_DESC") {
        selectedString = "Price: High to low"
        } else if (currentSelected === "NAME_ASC") {
            selectedString = "Name: A-Z"
        } else if (currentSelected === "NAME_DESC") {
            selectedString = "Name: Z-A"
        } else if (currentSelected === "NEW_ARRIVAL_DESC") {
            selectedString = "Newness: New to Old"
        } else if (currentSelected === "NEW_ARRIVAL_ASC") {
            selectedString = "Newness: Old to New"
        } else {
            selectedString = "Relevance"
        }
    %>

    <% if(data.query[dataLocal].filters.length > 0 ) { %>
    <div class="klevu-close-filters"></div>
    <div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0">
        <div class="toolbar-sorter-filter-block">
            <div class="sort-by-title"><%=helper.translate("Sort By")%></div>
            <div class="sort-by-content">
                <input type="radio"
                       id="rel"
                       name="klevu_sorting"
                       value="RELEVANCE"/>
                <label class="<%= helper.translate(selectedString) === helper.translate('Relevance') ? 'checked' : '' %>"
                       for="rel"><%= helper.translate('Relevance') %></label>

                <input type="radio"
                       id="price_asc"
                       name="klevu_sorting"
                       value="PRICE_ASC"/>
                <label class="<%= helper.translate(selectedString) === helper.translate('Price: Low to high') ? 'checked' : '' %>"
                       for="price_asc"><%= helper.translate('Price: Low to high') %></label>

                <input type="radio"
                       id="price_desc"
                       name="klevu_sorting"
                       value="PRICE_DESC"/>
                <label class="<%= helper.translate(selectedString) === helper.translate('Price: High to low') ? 'checked' : '' %>"
                       for="price_desc"><%= helper.translate('Price: High to low') %></label>

                <input type="radio"
                       id="NAME_ASC"
                       name="klevu_sorting"
                       value="NAME_ASC"/>
                <label class="<%= helper.translate(selectedString) === helper.translate('Name: A-Z') ? 'checked' : '' %>"
                       for="NAME_ASC"><%= helper.translate('Name: A-Z') %></label>

                <input type="radio"
                       id="NAME_DESC"
                       name="klevu_sorting"
                       value="NAME_DESC"/>
                <label class="<%= helper.translate(selectedString) === helper.translate('Name: Z-A') ? 'checked' : '' %>"
                       for="NAME_DESC"><%= helper.translate('Name: Z-A') %></label>

                <input type="radio"
                       id="NEW_ARRIVAL_DESC"
                       name="klevu_sorting"
                       value="NEW_ARRIVAL_DESC"/>
                <label class="<%= helper.translate(selectedString) === helper.translate('Newness: New to Old') ? 'checked' : '' %>"
                       for="NEW_ARRIVAL_DESC"><%= helper.translate('Newness: New to Old') %></label>

                <input type="radio"
                       id="NEW_ARRIVAL_ASC"
                       name="klevu_sorting"
                       value="NEW_ARRIVAL_ASC"/>
                <label class="<%= helper.translate(selectedString) === helper.translate('Newness: Old to New') ? 'checked' : '' %>"
                       for="NEW_ARRIVAL_ASC"><%= helper.translate('Newness: Old to New') %></label>
            </div>
        </div>

        <h3 class="kuFiltersTitleHeading"><%=helper.translate("Filter by")%></h3>

        <%= helper.render('kuFilterTagsTemplate',scope,data,"productList") %>

        <% helper.each(data.query[dataLocal].filters,function(key,filter){ %>

        <% if(filter.type == "OPTIONS"){ %>
        <div class="kuFilterBox klevuFilter <%= filter.options.filter(function (data) { return data.selected === true }).length > 0 ? 'active' : '' %> <%=(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 class="<%= filter.options.length > 4 ? 'active': '' %>">
                <% 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>
                            <span class="kuFilterTotal"><%=filterOption.count%></span>
                        </a>
                    </li>
                <%  }); %>

                <li class="klevu-filter-show">
                    <button class="action primary dark klevu-filter-show-more" id="klevu-filter-show-more">
                        <span class="more"><%= helper.translate('See More') %></span>
                        <span class="less"><%= helper.translate('See Less') %></span>
                    </button>
                </li>
            </ul>
        </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 klevuQuickAddtoCart " data-id="<%=dataLocal.id%>">
                <a target="_self"
                   href="javascript:void(0)"
                   class="kuBtn klevuQuickCartBtn"
                   role="button"
                   tabindex="0"
                   area-label="Add to cart">
                    <span><%= helper.translate('Buy Now') %></span>
                </a>
            </div>
        <% } else {
            if (dataLocal.totalVariants === 0) { %>
                <form class="kuAddtocart klevuQuickAddtoCart"
                      data-id="<%=dataLocal.id%>"
                      data-role="tocart-form"
                      data-product-sku="<%=dataLocal.sku%>"
                      action="https://www.istore.co.za/checkout/cart/add/product/<%=dataLocal.id%>"
                      method="post">
                    <input type="hidden" name="product" value="<%=dataLocal.id%>"/>
                    <input type="hidden" name="form_key" value=""/>

                    <button class="kuBtn kuBtnDark klevuQuickCartBtn"
                            type="submit">
                        <% if (dataLocal.backorders && dataLocal.backorders === '1') { %>
                            <span><%= helper.translate('Back order') %></span>
                        <% } else if (dataLocal.backorders && dataLocal.backorders === '101') { %>
                            <span><%= helper.translate('Pre-Order') %></span>
                        <% } else { %>
                            <span><%= helper.translate('Buy Now') %></span>
                        <% } %>
                    </button>
                </form>
            <% } else { %>
                <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>">
                    <a class="action secondary kuBtn kuBtnDark klevuQuickCartBtn viewItem"
                       href="<%= dataLocal.url %>">
                        <span><%= helper.translate('Configure Product') %></span>
                    </a>
                </div>
            <% }
        }
    } %>



    <% var currentSelected = klevu.getSetting(klevu.settings, "settings.storage").sort.getGlobal()[dataLocal],
        selectedString = "Relevance";
        if (currentSelected === "PRICE_ASC") {
        selectedString = "Price: Low to high"
        } else if (currentSelected === "PRICE_DESC") {
        selectedString = "Price: High to low"
        } else if (currentSelected === "NAME_ASC") {
        selectedString = "Name: A-Z"
        } else if (currentSelected === "NAME_DESC") {
        selectedString = "Name: Z-A"
        } else if (currentSelected === "NEW_ARRIVAL_DESC") {
        selectedString = "Newness: New to Old"
        } else if (currentSelected === "NEW_ARRIVAL_ASC") {
        selectedString = "Newness: Old to New"
        } else {
        selectedString = "Relevance"
        }
    %>

    <select class="klevu-sorter">

        <option value="RELEVANCE"
            <%= selectedString === helper.translate("Relevance") ? 'selected' : '' %>>
            <%=helper.translate("Relevance")%>
        </option>

        <option value="PRICE_DESC"
            <%= selectedString === helper.translate("Price: High to low") ? 'selected' : '' %>>
            <%=helper.translate("Price: High to low")%>
        </option>

        <option value="PRICE_ASC"
                <%= selectedString === helper.translate("Price: Low to high") ? 'selected' : '' %>>
            <%=helper.translate("Price: Low to high")%>
        </option>

        <option value="NAME_ASC"
            <%= selectedString === helper.translate("Name: A-Z") ? 'selected' : '' %>>
            <%=helper.translate("Name: A-Z")%>
        </option>

        <option value="NAME_DESC"
            <%= selectedString === helper.translate("Name: Z-A") ? 'selected' : '' %>>
            <%=helper.translate("Name: Z-A")%>
        </option>

        <option value="NEW_ARRIVAL_DESC"
            <%= selectedString === helper.translate("Newness: New to Old") ? 'selected' : '' %>>
            <%=helper.translate("Newness: New to Old")%>
        </option>

        <option value="NEW_ARRIVAL_ASC"
            <%= selectedString === helper.translate("Newness: Old to New") ? 'selected' : '' %>>
            <%=helper.translate("Newness: Old to New")%>
        </option>
    </select>

    <div class="kuDropdown kuDropSortBy" role="listbox">
        <div class="kuDropdownOptions">
            <div class="kuDropOption kuSort"
                 data-value="RELEVANCE"
                 role="option"><%=helper.translate("Relevance")%></div>

            <div class="kuDropOption kuSort"
                 data-value="PRICE_DESC"
                 role="option"><%=helper.translate("Price: High to low")%></div>

            <div class="kuDropOption kuSort"
                 data-value="PRICE_ASC"
                 role="option"><%=helper.translate("Price: Low to high")%></div>

            <div class="kuDropOption kuSort"
                 data-value="NAME_ASC"
                 role="option"><%=helper.translate("Name: A-Z")%></div>

            <div class="kuDropOption kuSort"
                 data-value="NAME_DESC"
                 role="option"><%=helper.translate("Name: Z-A")%></div>

            <div class="kuDropOption kuSort"
                 data-value="NEW_ARRIVAL_DESC"
                 role="option"><%=helper.translate("Newness: New to Old")%></div>

            <div class="kuDropOption kuSort"
                 data-value="NEW_ARRIVAL_ASC"
                 role="option"><%=helper.translate("Newness: Old to New")%></div>
        </div>
    </div>



    <% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %>
        <div class="kuNoResultsLandingPopularSearchesBlock">
            <div class="kuNoResultsLandingPopularSearchTerms">
                <span class="klevuHeadingText"><%=helper.translate("Popular Searches")%>:</span>

                <% 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 = "/";
                        } %>

                        <a href="<%= landingURLPrefix %>?q=<%= term %>" title="<%= term %>">
                            <%= term %>
                        </a>
                    <% }
                }); %>
            </div>
        </div>
    <% } %>



    <%
    var filterTagsModule = data.filterTags;
    var filterTagsData = [];

    if(dataLocal && dataLocal.length){
        filterTagsData = filterTagsModule.query[dataLocal].tags;
    } %>

    <% if(filterTagsData.length) {
        var filterCounter = 0;

        for (var i = 0; i < filterTagsData.length; i++) {
            filterCounter = filterCounter + filterTagsData[i].values.length;
        }
    %>
    <div class="kuFilterTagsContainer">
        <div class="kuFilterTagsContainerTitle">
            <%= helper.translate("Shopping by (" + filterCounter + ")") %>
            <span class="kuFilterTagClearAll"><%= helper.translate("Clear all") %></span>
        </div>

        <% helper.each(filterTagsData, function(key,item){
            var filterTagItemKey = helper.escapeHTML(item.key);
            var filterTagItemLabel = helper.escapeHTML(helper.translate(item.label));
        %>
            <% helper.each(item.values, function(key,option){ %>
                <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>

                    <% 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></span>
                        </span>
                    <% } %>
                </span>
            <% }); %>
        <% }); %>
    </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 item product product-item" 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>

            <a data-id="<%=dataLocal.id%>"
               href="<%=dataLocal.url%>"
               class="klevuProductClick kuTrackRecentView product photo product-item-photo">
                <span>
                    <img src="<%=dataLocal.image%>"
                         origin="<%=dataLocal.image%>"
                         onerror="klevu.dom.helpers.cleanUpProductImage(this)"
                         alt="<%=updatedProductName%>"
                         class="kuProdImg product-image-photo">
                </span>

                <% if (dataLocal.raw_badge_data) {
                var badgeData = Object.values(JSON.parse(dataLocal.raw_badge_data));

                for (var i = 0; i < badgeData.length; i++) { %>
                <div class="vaimo-component-badge__wrapper vaimo-component-badge__wrapper--<%= badgeData[i].product_position %>">
                    <div class="vaimo-component-badge vaimo-component-badge--<%= badgeData[i].product_image_url.length > 0 ? 'with-image' : 'no-image' %>"
                         id="vaimo-badge-container-<%= badgeData[i].badge_id %>"
                         style="<%= badgeData[i].product_position_style %>">
                        <% if (badgeData[i].link.length > 0) { %>
                        <a href="<%= badgeData[i].link %>">
                            <% } %>

                            <% if (badgeData[i].product_image_url.length > 0) { %>
                            <img class="vaimo-component-badge__image"
                                 id="vaimo-component-badge__image-<%= badgeData[i].badge_id %>"
                                 src="<%= badgeData[i].product_image_url %>"/>
                            <% } else { %>
                            <div class="vaimo-component-badge__text" style="<%= badgeData[i].product_font_style %>">
                                        <span class="vaimo-component-badge__text__inner">
                                            <%= badgeData[i].category_value %>
                                        </span>
                            </div>
                            <% } %>

                            <% if (badgeData[i].link.length > 0) { %>
                        </a>
                        <% } %>
                    </div>
                </div>
                <% }
                } %>

                <%=helper.render('landingImageRollover', scope, data, dataLocal) %>
            </a>

            <div class="product details product-item-details">
                <span class="stamped-product-reviews-badge" data-id="125891" style="display: block;"></span>
                <strong class="product name product-item-name">
                    <a class="product-item-link" href="<%=dataLocal.url%>">
                        <%= updatedProductName %>
                    </a>
                </strong>
                <div class="price-box-placeholder">
                    <div class="price-box price-final_price">
                        <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %>
                        <%
                        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="product-item-inner">
                    <div class="product actions product-item-actions">
                        <div class="actions-primary">
                            <% var isAddToCartEnabled = klevu.search.modules.kmcInputs.base.getAddToCartEnableValue(); %>
                            <% if(isAddToCartEnabled) { %>
                            <%=helper.render('landingPageProductAddToCart',scope,data,dataLocal) %>
                            <% } %>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>


<% if(data.query[dataLocal].filters.length > 0 ) { %>
    <div class="klevu-close-filters"></div>
    <div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0">
        <div class="toolbar-sorter-filter-block">
            <div class="sort-by-title"><%=helper.translate("Sort By")%></div>
            <div class="sort-by-content">
                <input type="radio"
                       id="rel"
                       name="klevu_sorting"
                       value="RELEVANCE"/>
                <label class="<%= helper.translate(helper.getSortBy(dataLocal)) === helper.translate('Relevance') ? 'checked' : '' %>"
                       for="rel"><%= helper.translate('Relevance') %></label>

                <input type="radio"
                       id="price_asc"
                       name="klevu_sorting"
                       value="PRICE_ASC"/>
                <label class="<%= helper.translate(helper.getSortBy(dataLocal)) === helper.translate('Price: Low to high') ? 'checked' : '' %>"
                       for="price_asc"><%= helper.translate('Price: Low to high') %></label>

                <input type="radio"
                       id="price_desc"
                       name="klevu_sorting"
                       value="PRICE_DESC"/>
                <label class="<%= helper.translate(helper.getSortBy(dataLocal)) === helper.translate('Price: High to low') ? 'checked' : '' %>"
                       for="price_desc"><%= helper.translate('Price: High to low') %></label>

                <input type="radio"
                       id="NAME_ASC"
                       name="klevu_sorting"
                       value="NAME_ASC"/>
                <label class="<%= helper.translate(helper.getSortBy(dataLocal)) === helper.translate('Name: A-Z') ? 'checked' : '' %>"
                       for="NAME_ASC"><%= helper.translate('Name: A-Z') %></label>

                <input type="radio"
                       id="NAME_DESC"
                       name="klevu_sorting"
                       value="NAME_DESC"/>
                <label class="<%= helper.translate(helper.getSortBy(dataLocal)) === helper.translate('Name: Z-A') ? 'checked' : '' %>"
                       for="NAME_DESC"><%= helper.translate('Name: Z-A') %></label>

                <input type="radio"
                       id="NEW_ARRIVAL_DESC"
                       name="klevu_sorting"
                       value="NEW_ARRIVAL_DESC"/>
                <label class="<%= helper.translate(helper.getSortBy(dataLocal)) === helper.translate('Newness: New to Old') ? 'checked' : '' %>"
                       for="NEW_ARRIVAL_DESC"><%= helper.translate('Newness: New to Old') %></label>

                <input type="radio"
                       id="NEW_ARRIVAL_ASC"
                       name="klevu_sorting"
                       value="NEW_ARRIVAL_ASC"/>
                <label class="<%= helper.translate(helper.getSortBy(dataLocal)) === helper.translate('Newness: Old to New') ? 'checked' : '' %>"
                       for="NEW_ARRIVAL_ASC"><%= helper.translate('Newness: Old to New') %></label>
            </div>
        </div>

        <h3 class="kuFiltersTitleHeading"><%=helper.translate("Filter by")%></h3>

        <%= helper.render('kuFilterTagsTemplate',scope,data,"productList") %>

        <% helper.each(data.query[dataLocal].filters,function(key,filter){ %>

        <% if(filter.type == "OPTIONS"){ %>
        <div class="kuFilterBox klevuFilter <%= filter.options.filter(function (data) { return data.selected === true }).length > 0 ? 'active' : '' %> <%=(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 class="<%= filter.options.length > 4 ? 'active': '' %>">
                <% 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>
                            <span class="kuFilterTotal"><%=filterOption.count%></span>
                        </a>
                    </li>
                <%  }); %>

                <li class="klevu-filter-show">
                    <button class="action primary dark klevu-filter-show-more" id="klevu-filter-show-more">
                        <span class="more"><%= helper.translate('See More') %></span>
                        <span class="less"><%= helper.translate('See Less') %></span>
                    </button>
                </li>
            </ul>
        </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 klevuQuickAddtoCart " data-id="<%=dataLocal.id%>">
        <a target="_self"
           href="javascript:void(0)"
           class="kuBtn klevuQuickCartBtn"
           role="button"
           tabindex="0"
           area-label="Add to cart">
            <span><%= helper.translate('Buy Now') %></span>
        </a>
    </div>
    <% } else {
    if (dataLocal.totalVariants === 0) { %>
    <form class="kuAddtocart klevuQuickAddtoCart"
          data-id="<%=dataLocal.id%>"
          data-role="tocart-form"
          data-product-sku="<%=dataLocal.sku%>"
          action="https://www.istore.co.za/checkout/cart/add/product/<%=dataLocal.id%>"
          method="post">
        <input type="hidden" name="product" value="<%=dataLocal.id%>"/>
        <input type="hidden" name="form_key" value=""/>

        <button class="kuBtn kuBtnDark klevuQuickCartBtn"
                type="submit">
            <% if (dataLocal.backorders && dataLocal.backorders === '1') { %>
            <span><%= helper.translate('Back order') %></span>
            <% } else if (dataLocal.backorders && dataLocal.backorders === '101') { %>
            <span><%= helper.translate('Pre-Order') %></span>
            <% } else { %>
            <span><%= helper.translate('Buy Now') %></span>
            <% } %>
        </button>
    </form>
    <% } else { %>
    <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>">
        <a class="action secondary kuBtn kuBtnDark klevuQuickCartBtn viewItem"
           href="<%= dataLocal.url %>">
            <span><%= helper.translate('Configure Product') %></span>
        </a>
    </div>
    <% }
    }
    } %>


iPhone 15

regular

Pinterest

Google authentication and security services

Google

TikTok

First-Party Tracking

X/Twitter

Meta/Facebook

LinkedIn

Hotjar

New Relic Application Performance Monitoring and Browser Analytics

New Relic

View security analysis for https://www.istore.co.za/shop-iphone-15?srsltid=AfmBOoqQxySQ5zqV59IH2huxj_cmoodNBb3h7jfcH_t6PX66TLVGu44X

Requests	IP Address	Location	AS Autonomous System
422	104.26.6.86	Unknown	Unknown
114	15.197.253.240	Unknown	Unknown
10	23.207.210.196	Unknown	Unknown
10	104.16.174.226	Unknown	Unknown
9	216.198.54.3	Unknown	Unknown
8	150.171.27.10	Unknown	Unknown
7	150.171.22.12	Unknown	Unknown
7	185.221.85.3	Unknown	Unknown
6	104.20.47.182	Unknown	Unknown
6	23.56.249.35	Unknown	Unknown
725	181	-	-

Security Scan Report: www.istore.co.za

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

Content Similarity HashesFor malware variant detection

Image Hashes

Perceptual Hashes

Other Hashes

Scan History