"<!-- Jassor Slider Start -->\n<!--<a href=\"\" class=\"category-name\">\n            <img src=\"https:\/\/fresheye.sa\/tpl_assets\/site\/default\/img\/section-def-img.jpg\" class=\"img-responsive\">\n        <br>\n    <h2>Dior<\/span><\/h2>\n<\/a>\n<div class=\"well clearfix\">\n    <h4 class=\"col-md-4 txt-gray\">per price<\/h4>\n    <div class=\"col-md-4 \">\n        <div id=\"slider\" class=\"noUi-target noUi-ltr noUi-horizontal\"><\/div>\n    <\/div>\n<\/div>-->\n<link rel=\"stylesheet\" href=\"https:\/\/fresheye.sa\/tpl_assets\/site\/default\/css\/nouislider.css\">\n    <section class=\"col-md-3 col-sm-4 col-xs-6\" data-aos=\"flip-down\">\n        <div class=\"thumbnail material play-sink item\">\n                        <a href=\"\" onclick=\"return false\" class=\"like-it add_favorites\" role=\"button\"  product_id=\"1221\" unit_id=\"157\">\n                                <i class=\"icon-heart-empty text-lg\"><\/i>\n            <\/a>\n                            <a href=\"https:\/\/fresheye.sa\/en\/products\/details\/1221\/157\" style=\"margin: 0;padding: 0;\">\n                    <img onclick=\"location.href = 'https:\/\/fresheye.sa\/en\/products\/details\/1221\/157'\" src=\"https:\/\/fresheye.sa\/contents\/tbproducts\/9\/1221_wonzkznxxw-300_360.jpg\" class=\"product_img img-responsive\" >\n                <\/a>\n                        <div class=\"caption\">\n                <h5 class=\"lines-2 text-center\" style=\"line-height: 1.2;\">\n                    <a href=\"https:\/\/fresheye.sa\/en\/products\/details\/1221\/157\" style=\"color: #000;\">\n                        Dior Sunglasses model DIORSOREAL                    <\/a>\n                <\/h5>\n                <!--<div class=\"containerdiv text-center\" style=\"visibility: hidden\">\n                    <div><img src=\"https:\/\/fresheye.sa\/tpl_assets\/site\/default\/img\/stars_blank.png\" alt=\"img\"><\/div>\n                    <div class=\"cornerimage\" style=\"width:0%;\">\n                        <img src=\"https:\/\/fresheye.sa\/tpl_assets\/site\/default\/img\/stars_full.png\" alt=\"\"><\/div>\n                <\/div>-->\n                <p class=\"text-center\">\n                    <del><\/del> <b style=\"display: block;\"><br><\/b> <b class=\"text-lg\">2365 SAR<\/b>                    <!--                        <a href=\"javascript:void(0)\" class=\"pull-right add-to-cart\" role=\"button\"  product_id=\"1221\" unit_id=\"157\">\n                            <i class=\"icon-shopping-basket text-lg\"><\/i>\n                        <\/a>\n                    -->\n\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/section>\n\n\n<div id=\"results\" style=\"padding-right: 0px;padding-left: 0px;\"> <\/div>\n<!--<div class=\"col-sm-12 text-center\">\n    <button type=\"submit\" id=\"load_more_b\" onclick=\"load_more()\" class=\"btn btn-default btn-lg \">load more<span class=\"loading-info\" style=\"display: none\">wait moments.. ...<\/span><\/button>\n<\/div>-->\n<script src=\"https:\/\/fresheye.sa\/tpl_assets\/site\/default\/js\/nouislider.js\"><\/script>\n<script>\n    var track_page = 2; \/\/track user scroll as page number, right now page number is 1\n    var cat_id = '65'; \/\/track user scroll as page number, right now page number is 1\n    var loading  = false; \/\/prevents multiple loads\n    var range  ;\/\/prevents multiple loads\n    var start = range ; \/\/prevents multiple loads\n    var range_url= \"https:\/\/fresheye.sa\/en\/categories\/all_cat_products_range\/65\" ; \/\/prevents multiple loads\n    var load_url= \"https:\/\/fresheye.sa\/en\/categories\/get_items_for_category_range\/65\" ; \/\/prevents multiple loads\n    var main_category_products = \"https:\/\/fresheye.sa\/en\/categories\/main_category_products\";\n    var slider = document.getElementById('slider');\n    var data7;\n    noUiSlider.create(slider, {\n        start: start, \/\/ 4 handles, starting at...\n        margin: 5, \/\/ Handles must be at least 300 apart\n        connect: true, \/\/ Display a colored bar between the handles\n        direction: 'ltr', \/\/ Put '0' at the bottom of the slider\n        tooltips: true,\n        step : 1,\n        range: {\n            'min': 1,\n            'max': 1000\n        }\n\n    });\n    slider.noUiSlider.on('change', function(values, handle) {\n        range =  values;\n        load_content_range(range);\n        \/\/ value for updated handle is in values[handle]\n        \/\/ console.log(typeof(values) );\n    });\n\n    $(document).ready(function() {\n        $(window).scroll(function() {\n            if(Math.floor($(window).scrollTop() + $(window).height()) == $(document).height()) {\n                load_more();\n            }\n        });\n    });\n\n    function load_more(){\n        load_contents(track_page,range); \/\/load content\n        track_page++; \/\/page number increment\n    }\n    \/\/Ajax load function\n    function load_contents(track_page,range){\n        if(loading == false){\n            loading = true;  \/\/set loading flag on\n            $('.loading-info').show(); \/\/show loading animation\n            $.post( load_url, {'page': track_page,'range':range,'cat_id':cat_id}, function(data){\n                loading = false;\n                data7=JSON.parse(data); \/\/set loading flag off once the content is loaded\n                if(data7.html === '0'){\n                    \/\/notify user if nothing to load\n                    $('.loading-info').html(\"No more records!\");\n                    return;\n                }\n                $('.loading-info').hide(); \/\/hide loading animation once data is received\n                $(\"#results\").append(data7.html);\n                if(data7.empty== 1){\n                    $(\"#load_more_b\").attr('disabled','true');\n                } \/\/append data into #results element\n\n            }).fail(function(xhr, ajaxOptions, thrownError) { \/\/any errors?\n                \/\/   alert(thrownError); \/\/alert with HTTP error\n            })\n        }\n    }\n\n    function load_content_range(range) {\n        $.ajax({\n            type:\"POST\",\n            url:range_url,\n            data: {range : range} ,\n            success: function(data) {\n                \/\/ console.log(data)\n                var  data7 = JSON.parse(data);\n                $(\"#main_cont\").html(data7);\n                \/\/   $('.row').html(data7);\n\n            }\n        });\n\n    }\n<\/script>\n<!-- Row End -->\n"