"<!-- 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>\u0643\u0644\u0627\u0631\u064a\u062a\u064a<\/span><\/h2>\n<\/a>\n<div class=\"well clearfix\">\n    <h4 class=\"col-md-4 txt-gray\">\u062d\u0633\u0628 \u0627\u0644\u0633\u0639\u0631<\/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\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 \">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0632\u064a\u062f<span class=\"loading-info\" style=\"display: none\">\u0627\u0646\u062a\u0638\u0631 \u0644\u062d\u0638\u0627\u062a ... ...<\/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 = '76'; \/\/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\/categories\/all_cat_products_range\/76\" ; \/\/prevents multiple loads\n    var load_url= \"https:\/\/fresheye.sa\/categories\/get_items_for_category_range\/76\" ; \/\/prevents multiple loads\n    var main_category_products = \"https:\/\/fresheye.sa\/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: 'rtl', \/\/ 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"