{"id":15596,"date":"2020-10-21T06:46:26","date_gmt":"2020-10-21T06:46:26","guid":{"rendered":"https:\/\/novarent.bg\/sravni\/"},"modified":"2024-01-26T08:21:12","modified_gmt":"2024-01-26T08:21:12","slug":"compare","status":"publish","type":"page","link":"https:\/\/novarent.bg\/en\/compare\/","title":{"rendered":"Compare"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15596\" class=\"elementor elementor-15596 elementor-268\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f35015c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f35015c\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a11653\" data-id=\"6a11653\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68e191e elementor-widget__width-initial elementor-widget elementor-widget-jws-breadcrumbs\" data-id=\"68e191e\" data-element_type=\"widget\" data-widget_type=\"jws-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1>Compare<\/h1>\t\t\n\t\t\t<ul class=\"jws-breadcrumbs\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/BreadcrumbList\">\n\n\t\t\t<li class=\"jws-breadcrumbs__item jws-breadcrumbs__item--home\" itemprop=\"itemListElement\" position=\"0\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/ListItem\">\n\t\t\t<a class=\"jws-breadcrumbs__crumb jws-breadcrumbs__crumb--link jws-breadcrumbs__crumb--home\" itemprop=\"item\" rel=\"v:url\" property=\"v:title\" href=\"https:\/\/novarent.bg\/en\/\" title=\"\u041d\u0430\u0447\u0430\u043b\u043e\">\n\t\t\t\t<span itemprop=\"name\" class=\"jws-breadcrumbs__text\">\n\t\t\t\t\t\u041d\u0430\u0447\u0430\u043b\u043e\t\t\t\t<\/span>\n\t\t\t<\/a>\n\t\t<\/li><li class=\"jws-breadcrumbs__separator\"><span class=\"jws-breadcrumbs__separator__text\">\/<\/span><\/li><\/ul>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f884ddc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7f884ddc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6fd83080\" data-id=\"6fd83080\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-284683e0 elementor-widget elementor-widget-shortcode\" data-id=\"284683e0\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div class=\"container\">\n        \n\n    <div class=\"compare-empty-car-bottom\">\n                    <div class=\"col-xl-3 col-lg-3\">\n                <div class=\"compare-options\">\n                    <table>\n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"year\">\n                                        Year                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"make\">\n                                        Make                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"model\">\n                                        Model                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"body_style\">\n                                        Body Style                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"mileage\">\n                                        Mileage                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"fuel_economy\">\n                                        Fuel Economy                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"transmission\">\n                                        Transmission                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"condition\">\n                                        Condition                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"drivetrain\">\n                                        Drivetrain                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"engine\">\n                                        Engine                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"exterior_color\">\n                                        Exterior Color                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"interior_color\">\n                                        Interior Color                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"stock_number\">\n                                        Stock Number                                    <\/td>\n                                <\/tr>\n                        \n                                                        <tr>\n                                    <td class=\"compare-value-hover\"\n                                        data-value=\"vin_number\">\n                                        Vin Number                                    <\/td>\n                                <\/tr>\n                        \n                                            <\/table>\n                <\/div>       \n            <\/div>\n            <\/div>\n     \n    <script>\n      jQuery(document).ready(function ($) {\n        var heigth = 0;\n        $('.compare-values table tbody tr td').each(function(){\n            heigth = $(this).height();\n\n            $('.' + $(this).attr('data-value')).each(function () {\n                if($(this).height() > heigth || heigth > 0) {\n                    heigth = $(this).height() + 18;\n                    $('.' + $(this).attr('data-value')).css('height', heigth + 'px');\n                }\n            });\n        });\n\n        $('.compare-value-hover').on('hover', function () {\n            var dataValue = $(this).data('value');\n            $('.compare-value-hover[data-value = ' + dataValue + ']').addClass('hovered');\n        }, function () {\n            $('.compare-value-hover').removeClass('hovered');\n        })\n \n     function function_compare() {\n           \n                 var width = 0;\n                $('.compare-col-jws').each(function() {\n                    width += $(this).outerWidth( true );\n                });\n                $('.compare-col-jws').show();\n                $('.compare-list-inner').css('width', width);\n                \n                console.log(width);\n                \n                const slider = document.querySelector('.compare-list');\n                \n                let isDown = false;\n                let startX;\n                let scrollLeft;\n                \n                slider.addEventListener('mousedown', e => {\n                  isDown = true;\n                  slider.classList.add('active');\n                  startX = e.pageX - slider.offsetLeft;\n                  scrollLeft = slider.scrollLeft;\n                });\n                slider.addEventListener('mouseleave', () => {\n                  isDown = false;\n                  slider.classList.remove('active');\n                });\n                slider.addEventListener('mouseup', () => {\n                  isDown = false;\n                  slider.classList.remove('active');\n                });\n                slider.addEventListener('mousemove', e => {\n                  if (!isDown) return;\n                  e.preventDefault();\n                  const x = e.pageX - slider.offsetLeft;\n                  const walk = (x - startX) * 2; \/\/scroll-fast\n                  slider.scrollLeft = scrollLeft - walk;\n      \n                });\n\n     }\n     \n     function_compare();\n    $(window).on(\"load resize\",function(e){function_compare(); }); \n      \n      \n     $(document).on('click', '.remove-from-compare',  function(e){\n         e.preventDefault();\n        var $el = $(e.currentTarget);\n        var dataId = $el.attr('data-id');\n        var dataAction = $el.attr('data-action');\n        function_compare();\n        if (typeof dataId === 'undefined') {\n            return;\n        }\n        \n        \n        $.ajax({\n            url: jws_script.ajax_url,\n            type: \"POST\",\n            dataType: 'json',\n            data: '&post_id=' + dataId + '&post_action=' + dataAction + '&action=jws_ajax_add_to_compare',\n            context: this,\n            beforeSend: function (data) {\n                $el.addClass('loading');\n                if (parseFloat($('.jws-current-cars-in-compare').text()) > 0) {\n                    $('.jws-current-cars-in-compare').text(parseFloat($('.jws-current-cars-in-compare:first').text()) - 1);\n                }\n\n                $('.car-listing-row .compare-col-jws-' + dataId).remove();\n                    $('.car-listing-row').append($('.compare-empty-car-top').html());\n\n                $('.jws-compare-row .compare-col-jws-' + dataId).remove();\n                    $('.jws-compare-row').append($('.compare-empty-car-bottom').html());\n                 $('.row-compare-features .compare-col-jws-' + dataId).remove();\n                    if ($('.row-compare-features .col-md-3').length < 2) {\n                        $('.row-compare-features').slideUp();\n                    }\n                \n            }\n        });\n     });\n        })\n    <\/script>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Toyota \u041d\u0430\u0447\u0430\u043b\u043e \/<\/p>\n","protected":false},"author":1,"featured_media":-1,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/novarent.bg\/en\/wp-json\/wp\/v2\/pages\/15596"}],"collection":[{"href":"https:\/\/novarent.bg\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/novarent.bg\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/novarent.bg\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/novarent.bg\/en\/wp-json\/wp\/v2\/comments?post=15596"}],"version-history":[{"count":0,"href":"https:\/\/novarent.bg\/en\/wp-json\/wp\/v2\/pages\/15596\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/novarent.bg\/en\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/novarent.bg\/en\/wp-json\/wp\/v2\/media?parent=15596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}