{"id":268,"date":"2020-10-21T06:46:26","date_gmt":"2020-10-21T06:46:26","guid":{"rendered":"https:\/\/bromsservice.chillimedia.se\/?page_id=268"},"modified":"2021-02-22T09:37:37","modified_gmt":"2021-02-22T09:37:37","slug":"car-comapre","status":"publish","type":"page","link":"https:\/\/bromsservice.se\/en\/car-comapre\/","title":{"rendered":"Car Comapre"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"268\" class=\"elementor elementor-268\" data-elementor-post-type=\"page\">\n\t\t\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<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\t\t<div class=\"elementor-shortcode\">    \r\n    <div class=\"container\">\r\n        \r\n\r\n    <div class=\"compare-empty-car-bottom\">\r\n                    <div class=\"col-xl-3 col-lg-3\">\r\n                <div class=\"compare-options\">\r\n                    <table>\r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"year\">\r\n                                        Year                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"make\">\r\n                                        Make                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"model\">\r\n                                        Model                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"body_style\">\r\n                                        Body Style                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"mileage\">\r\n                                        Mileage                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"fuel_economy\">\r\n                                        Fuel Economy                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"transmission\">\r\n                                        Transmission                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"condition\">\r\n                                        Condition                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"drivetrain\">\r\n                                        Drivetrain                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"engine\">\r\n                                        Engine                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"exterior_color\">\r\n                                        Exterior Color                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"interior_color\">\r\n                                        Interior Color                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"stock_number\">\r\n                                        Stock Number                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                                        <tr>\r\n                                    <td class=\"compare-value-hover\"\r\n                                        data-value=\"vin_number\">\r\n                                        Vin Number                                    <\/td>\r\n                                <\/tr>\r\n                        \r\n                                            <\/table>\r\n                <\/div>       \r\n            <\/div>\r\n            <\/div>\r\n     \r\n    <script>\r\n      jQuery(document).ready(function ($) {\r\n        var heigth = 0;\r\n        $('.compare-values table tbody tr td').each(function(){\r\n            heigth = $(this).height();\r\n\r\n            $('.' + $(this).attr('data-value')).each(function () {\r\n                if($(this).height() > heigth || heigth > 0) {\r\n                    heigth = $(this).height() + 18;\r\n                    $('.' + $(this).attr('data-value')).css('height', heigth + 'px');\r\n                }\r\n            });\r\n        });\r\n\r\n        $('.compare-value-hover').on('hover', function () {\r\n            var dataValue = $(this).data('value');\r\n            $('.compare-value-hover[data-value = ' + dataValue + ']').addClass('hovered');\r\n        }, function () {\r\n            $('.compare-value-hover').removeClass('hovered');\r\n        })\r\n \r\n     function function_compare() {\r\n           \r\n                 var width = 0;\r\n                $('.compare-col-jws').each(function() {\r\n                    width += $(this).outerWidth( true );\r\n                });\r\n                $('.compare-col-jws').show();\r\n                $('.compare-list-inner').css('width', width);\r\n                \r\n                console.log(width);\r\n                \r\n                const slider = document.querySelector('.compare-list');\r\n                \r\n                let isDown = false;\r\n                let startX;\r\n                let scrollLeft;\r\n                \r\n                slider.addEventListener('mousedown', e => {\r\n                  isDown = true;\r\n                  slider.classList.add('active');\r\n                  startX = e.pageX - slider.offsetLeft;\r\n                  scrollLeft = slider.scrollLeft;\r\n                });\r\n                slider.addEventListener('mouseleave', () => {\r\n                  isDown = false;\r\n                  slider.classList.remove('active');\r\n                });\r\n                slider.addEventListener('mouseup', () => {\r\n                  isDown = false;\r\n                  slider.classList.remove('active');\r\n                });\r\n                slider.addEventListener('mousemove', e => {\r\n                  if (!isDown) return;\r\n                  e.preventDefault();\r\n                  const x = e.pageX - slider.offsetLeft;\r\n                  const walk = (x - startX) * 2; \/\/scroll-fast\r\n                  slider.scrollLeft = scrollLeft - walk;\r\n      \r\n                });\r\n\r\n     }\r\n     \r\n     function_compare();\r\n    $(window).on(\"load resize\",function(e){function_compare(); }); \r\n      \r\n      \r\n     $(document).on('click', '.remove-from-compare',  function(e){\r\n         e.preventDefault();\r\n        var $el = $(e.currentTarget);\r\n        var dataId = $el.attr('data-id');\r\n        var dataAction = $el.attr('data-action');\r\n        function_compare();\r\n        if (typeof dataId === 'undefined') {\r\n            return;\r\n        }\r\n        \r\n        \r\n        $.ajax({\r\n            url: jws_script.ajax_url,\r\n            type: \"POST\",\r\n            dataType: 'json',\r\n            data: '&post_id=' + dataId + '&post_action=' + dataAction + '&action=jws_ajax_add_to_compare',\r\n            context: this,\r\n            beforeSend: function (data) {\r\n                $el.addClass('loading');\r\n                if (parseFloat($('.jws-current-cars-in-compare').text()) > 0) {\r\n                    $('.jws-current-cars-in-compare').text(parseFloat($('.jws-current-cars-in-compare:first').text()) - 1);\r\n                }\r\n\r\n                $('.car-listing-row .compare-col-jws-' + dataId).remove();\r\n                    $('.car-listing-row').append($('.compare-empty-car-top').html());\r\n\r\n                $('.jws-compare-row .compare-col-jws-' + dataId).remove();\r\n                    $('.jws-compare-row').append($('.compare-empty-car-bottom').html());\r\n                 $('.row-compare-features .compare-col-jws-' + dataId).remove();\r\n                    if ($('.row-compare-features .col-md-3').length < 2) {\r\n                        $('.row-compare-features').slideUp();\r\n                    }\r\n                \r\n            }\r\n        });\r\n     });\r\n        })\r\n    <\/script>\r\n    <\/div>\n\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-268","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Car Comapre | Ume\u00e5 Bromsservice<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bromsservice.se\/en\/car-comapre\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Car Comapre | Ume\u00e5 Bromsservice\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bromsservice.se\/en\/car-comapre\/\" \/>\n<meta property=\"og:site_name\" content=\"Ume\u00e5 Bromsservice\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bromsservice\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-22T09:37:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bromsservice.se\/car-comapre\/\",\"url\":\"https:\/\/bromsservice.se\/car-comapre\/\",\"name\":\"Car Comapre | Ume\u00e5 Bromsservice\",\"isPartOf\":{\"@id\":\"https:\/\/bromsservice.se\/#website\"},\"datePublished\":\"2020-10-21T06:46:26+00:00\",\"dateModified\":\"2021-02-22T09:37:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bromsservice.se\/car-comapre\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bromsservice.se\/car-comapre\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bromsservice.se\/car-comapre\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hem\",\"item\":\"https:\/\/bromsservice.se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Car Comapre\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bromsservice.se\/#website\",\"url\":\"https:\/\/bromsservice.se\/\",\"name\":\"Ume\u00e5 Bromsservice\",\"description\":\"Fullserviceverkstad f\u00f6r lastbil, sl\u00e4p &amp; trailer\",\"publisher\":{\"@id\":\"https:\/\/bromsservice.se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bromsservice.se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bromsservice.se\/#organization\",\"name\":\"Ume\u00e5 Bromsservice AB\",\"url\":\"https:\/\/bromsservice.se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/bromsservice.se\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/bromsservice.se\/wp-content\/uploads\/2020\/12\/footer-logo-bromsservice-umea.png\",\"contentUrl\":\"http:\/\/bromsservice.se\/wp-content\/uploads\/2020\/12\/footer-logo-bromsservice-umea.png\",\"width\":300,\"height\":145,\"caption\":\"Ume\u00e5 Bromsservice AB\"},\"image\":{\"@id\":\"https:\/\/bromsservice.se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bromsservice\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Car Comapre | Ume\u00e5 Bromsservice","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bromsservice.se\/en\/car-comapre\/","og_locale":"en_GB","og_type":"article","og_title":"Car Comapre | Ume\u00e5 Bromsservice","og_url":"https:\/\/bromsservice.se\/en\/car-comapre\/","og_site_name":"Ume\u00e5 Bromsservice","article_publisher":"https:\/\/www.facebook.com\/bromsservice","article_modified_time":"2021-02-22T09:37:37+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bromsservice.se\/car-comapre\/","url":"https:\/\/bromsservice.se\/car-comapre\/","name":"Car Comapre | Ume\u00e5 Bromsservice","isPartOf":{"@id":"https:\/\/bromsservice.se\/#website"},"datePublished":"2020-10-21T06:46:26+00:00","dateModified":"2021-02-22T09:37:37+00:00","breadcrumb":{"@id":"https:\/\/bromsservice.se\/car-comapre\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bromsservice.se\/car-comapre\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bromsservice.se\/car-comapre\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hem","item":"https:\/\/bromsservice.se\/"},{"@type":"ListItem","position":2,"name":"Car Comapre"}]},{"@type":"WebSite","@id":"https:\/\/bromsservice.se\/#website","url":"https:\/\/bromsservice.se\/","name":"Ume\u00e5 Bromsservice","description":"Fullserviceverkstad f\u00f6r lastbil, sl\u00e4p &amp; trailer","publisher":{"@id":"https:\/\/bromsservice.se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bromsservice.se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/bromsservice.se\/#organization","name":"Ume\u00e5 Bromsservice AB","url":"https:\/\/bromsservice.se\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/bromsservice.se\/#\/schema\/logo\/image\/","url":"http:\/\/bromsservice.se\/wp-content\/uploads\/2020\/12\/footer-logo-bromsservice-umea.png","contentUrl":"http:\/\/bromsservice.se\/wp-content\/uploads\/2020\/12\/footer-logo-bromsservice-umea.png","width":300,"height":145,"caption":"Ume\u00e5 Bromsservice AB"},"image":{"@id":"https:\/\/bromsservice.se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bromsservice"]}]}},"_links":{"self":[{"href":"https:\/\/bromsservice.se\/en\/wp-json\/wp\/v2\/pages\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bromsservice.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bromsservice.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bromsservice.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bromsservice.se\/en\/wp-json\/wp\/v2\/comments?post=268"}],"version-history":[{"count":0,"href":"https:\/\/bromsservice.se\/en\/wp-json\/wp\/v2\/pages\/268\/revisions"}],"wp:attachment":[{"href":"https:\/\/bromsservice.se\/en\/wp-json\/wp\/v2\/media?parent=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}