{"products":"\n\n<div id=\"layer-product-list\">\n        <script async defer src=\"https:\/\/widget.driverreviews.com\/script.min.js\"\n    id=\"dr-script\" data-pubkey=\"55ec7a0e1404a366040665c9a3f18f2dbf0e2259\" data-lang=\"en-GB\"><\/script>\n<div class=\"inner_container\">\n            <div class=\"product_list\">\n            <div id=\"selected_filters_rep\" class=\"search_tags\"><\/div>\n            <div class=\"message info empty\">\n                <div>We can&#039;t find products matching the selection.<\/div>\n            <\/div>\n                    <\/div>\n        \n\n\n<script>\n\n     require(['jquery', 'jquery\/ui'], function($){\n\n        var current_html =$('#selected_filters').html();\n                 $('#selected_filters_rep').html(current_html);\n                 \n                 $('#selected_filters_rep a').on('click', function (e) {\n                   \n                    e.stopPropagation();\n                    e.preventDefault();\n                     classUrl =$(this).attr('class');\n                    classUrl=  classUrl.replace(\" clear\",\"\");\n                    classUrl=  classUrl.replace(\" remove\",\"\");classUrl=  classUrl.replace(\" \",\".\");\n                   \n                     $('#selected_filters a.'+classUrl).trigger( \"click\" );\n                     \n                 });\n     });\n<\/script>\n   \n<script type=\"text\/javascript\">\n                    function interestfreepaymentpopup(element) {\n                       \n                        element.style.pointerEvents = 'none';\n                        setTimeout(function() {\n            element.style.pointerEvents = 'auto';\n          \n        }, 2000)\n                        }\n                       \n\n                <\/script>\n\n<script type=\"application\/ld+json\">\n    {\n  \"@context\": \"http:\/\/schema.org\",\n  \"@type\": \"ItemList\",\n \"itemListElement\":[\n]\n\n}\n<\/script>                               \n<script>\nrequire(['jquery'], function($) {\nvar pushbar = new Pushbar({\n   \n   \n});\n\n\n$(document).on('click', '[data-pushbar-target=\"offerlink\"]', function(e) {\n    e.preventDefault();\n    const pushbarId = $(this).attr('data-pushbar-target');\n    pushbar.open(pushbarId);  \/\/ Assuming 'pushbar' is your existing instance\n});\n})\n<\/script>\n<script>\nrequire(['jquery'], function($) {\n$(document).ready(function() {\n   \n   \n\n    $(\"#close_refine\").css(\"display\", \"none\");\n    $(\".tabcontent\").slideUp();\n    $(\".pushbar_overlay\").removeClass('enabled');\n    $('body').removeClass('fixed_gb');\n    $('body').css('padding-right','0px');\n    $('.sticky_header .header').css('padding-right','2%');\n    if($('#refine_search_container').length  && $(window).width() > '1000'){   \n        $('#refine_search_container.stick_it').css('left','calc(50% - '+$(\"#refine_search_container\").width()\/2+'px)');\n    }\n  \n})\n})\n<\/script><\/div>\n\n\n <script>\n       \n\n\n\n\nrequire(['jquery','Magento_Ui\/js\/modal\/modal'],function($, modal) {\n        'use strict';\n        function getColor(rating){\n            if(rating >= 8.6){\n                return \"#74c654\";\n            } else if(rating >= 6.6 && rating < 8.6) {\n                return \"#b7eb8e\";\n            } else if(rating >= 4.6 && rating < 6.6) {\n                return \"#fee34d\";\n            } else if(rating >= 2.6 && rating < 4.6){\n                return \"#ffc000\";\n            } else{\n                return \"#f00\";\n            }\n        }\n        function round(value, precision) {\n            var multiplier = Math.pow(10, precision || 0);\n            return Math.round(value * multiplier) \/ multiplier;\n        }\n        var options = {\n            'type': 'popup',\n            'title': '',\n            'modalClass': 'review_form_modal review_modal_show',\n            'responsive': true,\n            'innerScroll': true,\n            'buttons': [{\n                text: $.mage.__('Back'),\n                class: 'back_button_class',\n                click: function () {\n                    this.closeModal();\n                    \/\/ any javascript coode\n                }\n            }]\n        };\n        \/\/ var popup = modal(options, $('#review_pop_up_modal'));\n        $(document).on('click','.click-rating',function(e){\n           e.stopImmediatePropagation();\n            e.preventDefault();\n            var inputTag = jQuery(this).closest(\"div.click-rating\").find(\"input\");\n            var input = inputTag.val();\n            var className = inputTag.attr(\"class\");\n            if(className == \"product-id\"){\n                var width = $(\"#rating-result_\"+input).attr('title');\n                width = width.replace(\"%\", \"\");\n                width = parseInt(width);\n                if(width > 0){\n                    var ajaxUrl = \"https:\/\/www.pitstoparabia.com\/en\/fmemodifiedreview\/review\/productreviewajax\/\";\n                    var data = new FormData();\n                    data.append('productId', input);\n                        $.ajax({ \n                            url: ajaxUrl,\n                            type: \"POST\",\n                            data: data,\n                            processData: false,\n                            contentType: false,\n                            showLoader: true,\n                            success: function (response) {\n                            if(response.status == \"success\"){\n                                if(response.rating > 0){\n                                    $(\"#rating-span1st\").css({\n                                        'width':response.rating\/2+'%'\n                                    });\n                                    $(\"#rating-span2nd\").text(response.rating\/2+'%');\n                                    $('#rating-div').attr('title', response.rating\/2+'%');\n                                    var rating = parseInt(response.rating);\n                                    if(rating > 0){\n                                        var totalRating = (rating*5)\/100;\n                                        $(\"#out-of-total\").text(round(totalRating\/2, 1)+\" Out Of 5\");\n                                    }\n                                }\n                            }\n                            if(Object.keys(response.rating_questions).length > 0){\n                                $.each(response.rating_questions, function (key, val) {\n                                    var currentRating = round((val*5)\/100, 1);\n                                    $(\"#rating-\"+key).text(currentRating);\n                                    var color = getColor(currentRating);\n                                    var id = \"rating-\"+key\n                                    $(\".product_reviews_ratings .jump_menu_container .container #\"+id).css({backgroundColor: color});\n                                });\n                            }\n                            if(response.reviewsCount != \"empty\"){\n                               $(\"#group-reviews-container\").empty();\n                               \n                           \n                               var c=0;\n                               var e =\"\";\n                               $.each(response.reviewsCount, function(key, value) {\n                                 \n                                 if(++c==4){\n                                    e = e + '<div class=\"hidden_reviews\">'; \n                                 }\n                                    e = e + '<div class=\"text_container\">'+value.detail+'<div class=\"review_by\"><div class=\"rating-summary\" ><div title=\"'+value.rating+'%\" class=\"rating-result star\"><span style=\"width:'+value.rating+'%\"><span>'+value.rating+'%<\/span><\/span><\/div><h4> '+value.reviewer+', <\/h4> <h4> '+value.reviewdate+'<\/h4><\/div><\/div><\/div>';\n                                   \n                               });\n                               \n                               if(c>=4){\n                                  e = e+'<\/div><div class=\"show_hidden_reviews\" onclick=\"showHiddenReviews()\" id=\"show_hidden_reviews\">See All Reviews<\/div><div onclick=\"hideHiddenReviews()\" class=\"show_hidden_reviews hide_hidden_reviews\" id=\"hide_hidden_reviews\">Hide All Reviews<\/div>';\n                               }\n                               $('#group-reviews-container').append(e); \n                           }\n                            var popup = modal(options, $('#showreview_popup'));\n                            $(\"#showreview_popup\").modal(\"openModal\");\n                        },\n                        error: function (response) {\n                            console.log(\"response\");\n                        }\n                    });\n                }\n            } else if(className == \"group-id\"){\n                e.preventDefault();\n                var currentId = $(this).attr('id');\n                var index = currentId.indexOf(\"-\");  \/\/ Gets the first index where a space occours\n                var groupId = currentId.substr(0, index); \/\/ Gets the first part\n                var productId = currentId.substr(index + 1);  \/\/ Gets the text part\n                var width = $(\"#rating-width-\"+currentId).width();\n                var ajaxUrl = \"https:\/\/www.pitstoparabia.com\/en\/fmemodifiedreview\/review\/reviewajax\/\";\n                var data = new FormData();\n                if(width > 0){\n                    data.append('groupId', groupId);\n                    $.ajax({ \n                    url: ajaxUrl,\n                    type: \"POST\",\n                    data: data,\n                    processData: false,\n                    contentType: false,\n                    showLoader: true,\n                    success: function (response) {\n                    if(response.status == \"success\"){\n                        if(response.rating > 0){\n                            $(\"#rating-span1st\").css({\n                                'width':response.rating\/2+'%'\n                            });\n                            $(\"#rating-span2nd\").text(response.rating\/2+'%');\n                            $('#rating-div').attr('title', response.rating\/2+'%');\n                            var rating = parseInt(response.rating);\n                            if(rating > 0){\n                                var totalRating = (rating*5)\/100;\n                                $(\"#out-of-total\").text(round(totalRating\/2, 1)+\" Out Of 5\");\n                            }\n                        }\n                    }\n                    if(Object.keys(response.rating_questions).length > 0){\n                        $.each(response.rating_questions, function (key, val) {\n                            var currentRating = round((val*5)\/100, 1);\n                            $(\"#rating-\"+key).text(currentRating);\n                            var color = getColor(currentRating);\n                            var id = \"rating-\"+key\n                            $(\".product_reviews_ratings .jump_menu_container .container #\"+id).css({backgroundColor: color});\n                        });\n                    }\n                    \n                    if(response.reviewsCount != \"empty\"){\n                               $(\"#group-reviews-container\").empty();\n                               \n                           \n                               var c=0;\n                               var e =\"\";\n                               $.each(response.reviewsCount, function(key, value) {\n                                 \n                                 if(++c==4){\n                                    e = e + '<div class=\"hidden_reviews\">'; \n                                 }\n                                    e = e + '<div class=\"text_container\">'+value.detail+'<div class=\"review_by\"><div class=\"rating-summary\" ><div title=\"'+value.rating\/2+'%\" class=\"rating-result star\"><span style=\"width:'+value.rating\/2+'%\"><span>'+value.rating\/2+'%<\/span><\/span><\/div><h4> '+value.reviewer+', <\/h4> <h4> '+value.reviewdate+'<\/h4><\/div><\/div><\/div>';\n                                   \n                               });\n                               \n                               if(c>=4){\n                                  e = e+'<\/div><div class=\"show_hidden_reviews\" onclick=\"showHiddenReviews()\" id=\"show_hidden_reviews\">See All Reviews<\/div><div onclick=\"hideHiddenReviews()\" class=\"show_hidden_reviews hide_hidden_reviews\" id=\"hide_hidden_reviews\">Hide All Reviews<\/div>';\n                               }\n                               $('#group-reviews-container').append(e); \n                           }\n                    \/\/if(response.reviewsCount != \"empty\"){\n                    \/\/    $(\"#group-reviews-container\").empty();\n                    \/\/    $.each(response.reviewsCount, function(key, value) {\n                    \/\/        var e = $('<p class=\"short_review\">'+value.detail+'<\/p><div class=\"review_by\"><div class=\"rating-summary\" ><div title=\"'+value.rating+'%\" class=\"rating-result\"><span style=\"width:'+value.rating+'%\"><span>'+value.rating+'%<\/span><\/span><\/div><strong> Reviewed by <span>'+value.reviewer+'<\/span>, <\/strong><\/div><\/div><\/div>');\n                    \/\/        $('#group-reviews-container').append(e); \n                    \/\/    });\n                    \/\/}\n                    var popup = modal(options, $('#showreview_popup'));\n                    $(\"#showreview_popup\").modal(\"openModal\");\n                    },\n                    error: function (response) {\n                        console.log(\"response\");\n                    }\n                });\n            }\n        }\n    });\n}); \n\n\n\n\n\n      \n    <\/script>\n\n\n\n\n\n<script type=\"application\/ld+json\">\n    {\n  \"@context\": \"http:\/\/schema.org\",\n  \"@type\": \"WebSite\",\n  \"name\": \"Pitstop Arabia\",\n  \"url\": \"https:\/\/www.pitstoparabia.com\/en\/\",\n  \"potentialAction\": {\n    \"@type\": \"SearchAction\",\n    \"target\": \"https:\/\/www.pitstoparabia.com\/en\/tyres\/225-75-r6C\",\n    \"query-input\": \"required name=search_term_string\"\n  }\n}\n<\/script>","navigation":"\n        \n    \n        \n\n\n\n\n    <div class=\"block filter\" id=\"layered-filter-block\"  data-mage-init='{\"collapsible\":{\"openedState\": \"active\", \"collapsible\": true, \"active\": false, \"collateral\": { \"openedState\": \"filter-active\", \"element\": \"body\" } }}'>\n        <div id=\"ln_overlay\" class=\"ln_overlay\">\n            <div class=\"loader\">\n                <img src=\"https:\/\/www.pitstoparabia.com\/static\/version1775195075\/frontend\/Magento\/pitstop\/en_US\/images\/loader-2.png\" alt=\"Loading...\">\n                <p>Loading More Results...<\/p>\n            <\/div>\n        <\/div>\n       \n        <div class=\"block-title filter-title\" id=\"filter_button\" data-count=\"3\">\n            <strong data-role=\"title\">Filters<\/strong>\n        <\/div>\n        \n        <div class=\"block-content filter-content menu\" data-mage-init='{\"mpLayer\": {\"active\":[\"productpartsfinder_id\",\"width\",\"height\",\"rim_size\",\"bysize\",\"cat\",\"manufacturer\",\"brand\",\"year\",\"run_flat\",\"on_promotion\",\"warranty\",\"vehicle_type\"],\"params\":{\"productpartsfinder_id\":\"1\",\"width\":\"207\",\"height\":\"226\",\"rim_size\":\"170972\",\"bysize\":\"1\"},\"isCustomerLoggedIn\":false,\"isAjax\":true,\"slider\":[],\"scroll\":false,\"buttonSubmit\":{\"enable\":false,\"seoUrlEnable\":false,\"baseUrl\":\"https:\\\/\\\/www.pitstoparabia.com\\\/en\\\/tyres\\\/225-75-r6C\",\"urlSuffix\":null},\"multipleAttrs\":[\"cat\",\"manufacturer\",\"width\",\"height\",\"rim_size\"],\"swatchOptionText\":[],\"infiniteScroll\":true,\"ionRange\":false,\"displayType\":{\"rim_size\":[]},\"ratingSlider\":false}}'>\n           \n       \n            \n            \n                                                                            \n                                                                      \n                                                                      \n                                                                      \n                                                            <strong role=\"heading\" aria-level=\"2\" class=\"block-subtitle filter-subtitle\">\n                            Shopping Options                        <\/strong>\n                        <div class=\"filter-options\" id=\"narrow-by-list\" data-role=\"content\">\n                         \n                    <div  class=\"filter-options-item item  filter-rim_size\"  \n                         attribute=\"rim_size\"style=\"display:none;\">\n                        <div data-role=\"ln_title\" class=\"filter-options-title\">\n                            Rim Size                                                    <\/div>\n                                                \n\n                      \n                        <div data-role=\"ln_content\" class=\"filter-options-content\">\n                            <ol class=\"items ln-items-rim_size \">\n                <li class=\"field choice item\" >\n                            \n                <input id=\"filter_value_rim_size_1\" type=\"checkbox\"                        class=\"layer-input-filter\" name=\"filter_rim_size\">\n               \n               <label class=\"label filter_label\" for=\"filter_value_rim_size_1\"><\/label>\n                \n                    <span class=\"option_title\">15<\/span>\n                                    <\/a>\n                    <\/li>\n                <li class=\"field choice item\" >\n                            \n                <input id=\"filter_value_rim_size_2\" type=\"checkbox\"                        class=\"layer-input-filter\" name=\"filter_rim_size\">\n               \n               <label class=\"label filter_label\" for=\"filter_value_rim_size_2\"><\/label>\n                \n                    <span class=\"option_title\">16<\/span>\n                                    <\/a>\n                    <\/li>\n                <li class=\"field choice item\" >\n                            \n                <input id=\"filter_value_rim_size_3\" type=\"checkbox\"                        class=\"layer-input-filter\" name=\"filter_rim_size\">\n               \n               <label class=\"label filter_label\" for=\"filter_value_rim_size_3\"><\/label>\n                \n                    <span class=\"option_title\">16C<\/span>\n                                    <\/a>\n                    <\/li>\n    <\/ol>\n                        <\/div>\n\n                    <\/div>\n                    \n                                                                      \n                                                                      \n                                                                      \n                                                                      \n                                                                      \n                                                                      \n                                          <!--  <div class=\"compare_filter\" onclick='compareClicked(\" echo $this->getUrl('catalog\/product_compare\/');?>\")'><div class=\"filter-options-titlehid\"> echo __('Compare') ?><\/div>\n                        <div class=\"menu\">\n                          <div class=\"filter-options-item item\">\n                            <div class=\"filter-options-title\"><a  href=\"javascript:void(0)\"><label><\/label> echo __('Compare') ?><\/a><\/div>\n                          <\/div>\n                        <\/div>\n                  <\/div> -->\n         \n        \n   \n             \n          \n                           <!-- <div class=\"block-actions filter-actions\">\n                    <a href=\"https:\/\/www.pitstoparabia.com\/en\/tyres\/225-75-r6C\" class=\"action clear filter-clear\">\n                        <span>Clear All<\/span>\n                    <\/a>\n                <\/div>-->\n                        \n            \n            \n            \n                        <!--<a href=\"javascript:void(0)\" class=\"filter_button_popup\" onclick=\"updatefilters();\" > <\/a>-->\n                <\/div>\n                <div class=\"clear\"><\/div>\n                \n                        <div id=\"selected_filters\">\n    <div class=\"inner_container\">\n        \n\n<div class=\"filter-current filter-content\">\n  <!--  <strong class=\"block-subtitle filter-current-subtitle\"\n            role=\"heading\"\n            aria-level=\"2\"\n            data-count=\"3\">Now Shopping by<\/strong>-->\n    <ul class=\"items\">\n        \n                      \n        \n                      \n        \n                      \n        \n            <\/ol>\n<\/div>\n        <!--    <button id=\"ln_button_submit\" class=\"filter_button\" type=\"button\" name=\"apply_filter\"-->\n        <!--style=\"margin-top: 15px;\">Apply Filter<\/button>-->\n        <!--   -->\n <\/div><\/div>\n         \n                        \n                    <\/div>\n    <\/div>\n    \n    \n      <script>\n        function GetSelectedTextValue(brandfilter) {\n        var selectedText = brandfilter.innerHTML;\n        var url = brandfilter.getAttribute('href');\n        if(url !=''){\n        window.location.href = url;\n        }\n    }\n               function updatefilters(){\n                 require(['jquery', 'jquery\/ui'], function($){\n                    \n                   $('#ln_button_submit').trigger('click');\n                    });\n               }\n\n                 require(['jquery', 'jquery\/ui'], function($){\n                   var $count = jQuery('.field.choice input[type=\"checkbox\"]:checked').length;\n                   if($count > 3)\n                   {\n                        $('.show_results a').css(\"display\",\"block\");\n                   }\n                    else{\n                        $('.show_results a').css(\"display\",\"none\");\n                    }\n                    $('.show_results a').click(function(){\n                        $('.slide_filter_menu .closed').trigger('click');\n                    });\n                });\n              \n               \n               require(['jquery', 'jquery\/ui'], function($){\n                if($('#total_count_val').length){\n                        $('#number_count').html( \"(\"+$('#total_count_val').val()+\")\");\n                         $('#result_found_id').show();\n                       \n                       if($('#number_count').text()==\"0\"){\n                          var total_count=0;\n                       }else{\n                         var total_count=parseInt($('#total_count_val').val());\n                       }\n                     \n                          $('#number_count').prop('Counter',total_count).animate({\n                             Counter: $('#total_count_val').val()\n                         }, {\n                             duration: 1000,\n                             easing: 'swing',\n                             step: function (now) {\n                                 $('#number_count').text(Math.ceil(now));\n                             }\n                         });\n                }\n                else{\n                    \n                     \/\/ $('#number_count').html( \"0\");\n                         $('#result_found_id').show();\n                }\n\n                \n                \n                });\n               \n               \n            <\/script>\n      \n      \n      \n      \n      \n      \n      \n      \n      \n<!-- Load Products in the comparison tray if AjaxCompare extension is enabled -->\n\n<!-- line#131,132 -->\n<!-- <script>\nfunction compareClicked(url) {\n    require(['jquery', 'jquery\/ui'], function($){\n        window.location.href = url;\n    });\n}\n<\/script> -->"}