{"id":268,"date":"2020-10-21T06:46:26","date_gmt":"2020-10-21T06:46:26","guid":{"rendered":"https:\/\/solucionespm.net\/gwm\/?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:\/\/solucionespm.net\/gwm\/car-comapre\/","title":{"rendered":"Car Comapre"},"content":{"rendered":"\t\t<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>\n\t\t","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"],"_links":{"self":[{"href":"https:\/\/solucionespm.net\/gwm\/wp-json\/wp\/v2\/pages\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solucionespm.net\/gwm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solucionespm.net\/gwm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solucionespm.net\/gwm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solucionespm.net\/gwm\/wp-json\/wp\/v2\/comments?post=268"}],"version-history":[{"count":0,"href":"https:\/\/solucionespm.net\/gwm\/wp-json\/wp\/v2\/pages\/268\/revisions"}],"wp:attachment":[{"href":"https:\/\/solucionespm.net\/gwm\/wp-json\/wp\/v2\/media?parent=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}