{"id":1224067,"date":"2024-03-22T01:52:46","date_gmt":"2024-03-21T17:52:46","guid":{"rendered":"https:\/\/www.h-eparts.com\/piezas\/"},"modified":"2026-05-08T01:01:09","modified_gmt":"2026-05-07T17:01:09","slug":"piezas","status":"publish","type":"page","link":"https:\/\/www.h-eparts.com\/es\/piezas\/","title":{"rendered":"Piezas"},"content":{"rendered":"<style>\r\n    .part-table thead tr:hover{\r\n        background-color: #000;\r\n    }\r\n    .table {\r\n        font-weight: normal;\r\n    }\r\n    select {\r\n        max-width: 80%;\r\n    }\r\n    select.model-type{\r\n        max-width: 100%;\r\n    }\r\n    .cart-btn-group{\r\n        justify-content: right;\r\n        align-items: center;\r\n        margin-bottom: 1rem;\r\n    }\r\n    .selected-cart-btn{\r\n        display: flex;\r\n        align-items: center;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        position: relative;\r\n        margin-right: 18px;\r\n    }\r\n    .selected-cart-btn::after{\r\n        content: '';\r\n        background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-right-yellow.svg) center center no-repeat;\r\n        display: block;\r\n        position: absolute;\r\n        right: -18px;\r\n        padding: 0;\r\n        width: 10px;\r\n        height: .875em;\r\n        transform: rotate(90deg);\r\n    }\r\n    .view-cart-btn {\r\n        display: flex;\r\n        align-items: center;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        position: relative;\r\n        margin-right: 3rem;\r\n    }\r\n    .view-more-link{\r\n        cursor: pointer;\r\n    }\r\n    .view-cart-btn::after{\r\n        content: '';\r\n        background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-right-yellow.svg) center center no-repeat;\r\n        display: block;\r\n        position: absolute;\r\n        right: -15px;\r\n        padding: 0;\r\n        width: 10px;\r\n        height: .875em;\r\n    }\r\n    .cart{\r\n        background-image: url(\/wp-content\/themes\/voltron\/dist\/img\/cart.svg);\r\n        background-size: cover;\r\n        background-position: center center;\r\n        height: 2.3rem;\r\n        width: 2.3rem;\r\n        display: inline-block;\r\n        color: #feca38;\r\n        font-size: 14px;\r\n        text-align: center;\r\n        padding-top: 5px;\r\n        padding-left: 7px;\r\n        margin-right: 0.45rem;\r\n    }\r\n    .bottom-copy{\r\n        max-width: 1000px;\r\n        margin: 3rem auto;\r\n    }\r\n    .browse-contain{\r\n        background-color: white;\r\n        padding: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n    .desktop-search-button button{\r\n        float: right;\r\n    }\r\n    .browse-contain div{\r\n        padding: 0.5rem;\r\n    }\r\n    .browse-contain a{\r\n        border-bottom: 2px solid #ddd;\r\n        display: block;\r\n        padding-bottom: 0.5rem;\r\n        font-weight: 400;\r\n    }\r\n    h3{\r\n        font-size: 18px;\r\n        margin-bottom: 1rem;\r\n    }\r\n    .results-btn{\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n    .results-btn .back{\r\n        text-transform: uppercase;\r\n        font-weight: 600;\r\n        position: relative;\r\n        margin-left: 15px;\r\n        align-items: center;\r\n        display: flex;\r\n        line-height: 1;\r\n    }\r\n    .back::before{\r\n        content: '';\r\n        background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-right-yellow.svg) center center no-repeat;\r\n        display: block;\r\n        position: absolute;\r\n        left: -15px;\r\n        padding: 0;\r\n        width: 10px;\r\n        height: .875em;\r\n        transform: rotate(180deg);\r\n    }\r\n    .details{\r\n        max-width: 55rem;\r\n        margin: 2rem auto;\r\n        display: block;\r\n    }\r\n    .description-table {\r\n        max-width: 55rem;\r\n        margin: 0 auto;\r\n        background-color: transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n    .description-row{\r\n        padding: 0.5rem 1rem;\r\n    }\r\n    .description-table .description-row:nth-child(odd){\r\n        background-color: white;\r\n    }\r\n    .desc-title{\r\n        font-weight: 600;\r\n    }\r\n    a.details-btn.btn{\r\n        padding: 8px 60px 8px 10px;\r\n        font-size: 12px;\r\n    }\r\n    a.details-btn.btn::after{\r\n        width: 38px;\r\n    }\r\n    @media (max-width: 849px) {\r\n        .browse-contain a.no-border{\r\n            border-bottom: 2px solid #ddd !important;\r\n        }\r\n        .browse-contain a.no-border.no-border-mobile{\r\n            border-bottom: 0 !important;\r\n        }\r\n        .selected-cart-btn.details-select{\r\n            display: none;\r\n        }\r\n        .details-instructions{\r\n            display: none;\r\n        }\r\n        .results-btn {\r\n            flex-direction: column;\r\n            margin: 1rem auto;\r\n        }\r\n        .mobile-service-exchange{\r\n            flex-direction: column;\r\n        }\r\n        .cart-btn-group{\r\n            display: flex !important;\r\n            flex-direction: column;\r\n        }\r\n        .selected-cart-btn{\r\n            display: inline-flex;\r\n        }\r\n        .view-cart-btn{\r\n            margin-bottom: 1.25rem;\r\n            display: inline-flex;\r\n        }\r\n        select {\r\n            max-width: 100%;\r\n        }\r\n        .hide-mobile {\r\n            display: none;\r\n        }\r\n\r\n        .display-mobile {\r\n            display: initial !important;\r\n        }\r\n\r\n        .display-mobile-block {\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .wrapper {\r\n            height: 55px !important;\r\n            margin-top: 10px !important;\r\n        }\r\n\r\n        .pagination {\r\n            text-align: center;\r\n        }\r\n\r\n        .table.drop-headers tr {\r\n            border-top: 30px solid transparent;\r\n            border-bottom: 30px solid transparent;\r\n        }\r\n\r\n        .table.drop-headers td {\r\n            padding: 3px 20px !important;\r\n            display: block !important;\r\n            text-align: left !important;\r\n            width: 100% !important;\r\n        }\r\n    }\r\n\r\n    .display-mobile {\r\n        display: none;\r\n    }\r\n\r\n    .display-mobile-block {\r\n        display: none;\r\n    }\r\n\r\n    .part-number {\r\n        \/* min-width: 130px; *\/\r\n    }\r\n\r\n    .part-table ul {\r\n        padding-left: 20px;\r\n    }\r\n\r\n    .part-table tr:hover {\r\n        background-color: white;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .details-link {\r\n        cursor: pointer;\r\n    }\r\n\r\n\r\n\r\n    .loader,\r\n    .fader {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, .7);\r\n        opacity: 0;\r\n        transition: opacity .3s ease-in-out;\r\n        z-index: 1001;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .loader-local-local,\r\n    .fader-local-local {\r\n        position: absolute;\r\n\r\n    }\r\n\r\n    .loading,\r\n    .fading {\r\n        opacity: 1;\r\n    }\r\n\r\n    .loader {\r\n        background-image: url(\/wp-content\/themes\/voltron\/dist\/img\/loader.svg);\r\n        background-color: rgba(0, 0, 0, .7);\r\n        background-repeat: no-repeat;\r\n        background-position: center center;\r\n    }\r\n\r\n    .results {\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .modal-mask {\r\n        position: fixed;\r\n        z-index: 9998;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, .5);\r\n        display: table;\r\n        transition: opacity .3s ease;\r\n    }\r\n\r\n    .modal-wrapper {\r\n        display: table-cell;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .modal-container {\r\n        \/*width: 300px;*\/\r\n        margin: 0px auto;\r\n        padding: 20px 30px;\r\n        background-color: #fff;\r\n        border-radius: 2px;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .33);\r\n        transition: all .3s ease;\r\n        font-family: Helvetica, Arial, sans-serif;\r\n        \/*visibility: visible;*\/\r\n        pointer-events: none;\r\n        \/*opacity: 1;*\/\r\n    }\r\n\r\n    .modal-cart {\r\n        max-width: 680px !important;\r\n        margin: auto;\r\n        position: absolute;\r\n        z-index: 2;\r\n        top: 0%;\r\n        left: 20px;\r\n        right: 20px;\r\n        background: #000;\r\n        color: #fff;\r\n        \/*transform: scale(0.8);*\/\r\n        transition: transform 0.3s, top 0.2s;\r\n    }\r\n\r\n    .modal-title,\r\n    .modal-body,\r\n    .modal-footer {\r\n        padding: 10px;\r\n    }\r\n\r\n    .modal-title {\r\n        border-bottom: solid 1px #DDD;\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .modal-close {\r\n        position: absolute;\r\n        \/*right: 20px;*\/\r\n        \/*top: 10px;*\/\r\n        font-size: 24px;\r\n        text-decoration: none;\r\n        transition: .3s ease-in-out color;\r\n        color: #fff;\r\n    }\r\n\r\n    .modal-close:hover {\r\n        color: #CCC;\r\n    }\r\n\r\n    .modal-footer {\r\n        display: flex;\r\n    }\r\n\r\n    .modal-footer .flex-row {\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .modal .form-group label {\r\n        display: block;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .modal .form-group input,\r\n    .modal .form-group textarea {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .modal-header h3 {\r\n        \/*margin-top: 0;*\/\r\n        \/*color: #42b983;*\/\r\n    }\r\n\r\n    .modal-body {\r\n        \/*margin: 20px 0;*\/\r\n    }\r\n\r\n    .modal-default-button {\r\n        \/*float: right;*\/\r\n    }\r\n\r\n    .modal-enter {\r\n        opacity: 0;\r\n        transition: .3s ease-in-out all;\r\n    }\r\n\r\n    .modal-leave-active {\r\n        opacity: 0;\r\n        transition: .3s ease-in-out all;\r\n    }\r\n\r\n    .modal-enter .modal-container,\r\n    .modal-leave-active .modal-container {\r\n        transition: .3s ease-in-out all;\r\n        -webkit-transform: scale(1.1);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .item-status {\r\n        display: inline-block;\r\n        background: black;\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        font-size: 8px;\r\n        text-align: center;\r\n        line-height: 14px;\r\n        color: yellow;\r\n        position: relative;\r\n        top: -6px;\r\n    }\r\n\r\n    .down:before {\r\n        background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-down.svg) no-repeat center center #feca38;\r\n        \/* background: url(\/wp-content\/themes\/voltron\/src\/img\/icon-chevron-down.svg) !important; *\/\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: auto;\r\n        bottom: 0;\r\n        display: inline-block;\r\n        content: \"\";\r\n        width: 22px;\r\n        height: auto;\r\n        background-size: 40%;\r\n        padding: 12px 12px 12px 16px;\r\n    }\r\n\r\n    .down:after {\r\n        background: none !important;\r\n    }\r\n\r\n    .wrapper {\r\n        position: relative;\r\n        \/* width: 250px; *\/\r\n        height: 125px;\r\n        \/* border: 1px dashed #ccc; *\/\r\n        \/* margin: 10px; *\/\r\n    }\r\n\r\n    .line {\r\n        position: absolute;\r\n        left: 49%;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 1px;\r\n        background: #ccc;\r\n        z-index: 1;\r\n    }\r\n\r\n    .wordwrapper {\r\n        text-align: center;\r\n        height: 12px;\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: 50%;\r\n        margin-top: -12px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .word {\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        padding: 8px;\r\n        font: bold 12px arial, sans-serif;\r\n        background: url(\/wp-content\/themes\/voltron\/dist\/img\/feature-bg-dark.png) #231f20 repeat;\r\n    }\r\n\r\n    .col-1 {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .col {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .col-2 {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .col-3 {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .col-4 {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .feature-block-title::after {\r\n        content: none !important;\r\n    }\r\n\r\n    .responsive {\r\n        max-width: 100%;\r\n        overflow: auto;\r\n    }\r\n\r\n    .responsive th:first-child,\r\n    .responsive td:first-child {\r\n        position: sticky;\r\n        left: 0;\r\n    }\r\n\r\n    .responsive th:first-child,\r\n    .responsive th:last-child {\r\n        background-color: #231f20;\r\n        box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, .5);\r\n    }\r\n\r\n    .responsive tbody td:first-child,\r\n    .responsive tbody td:last-child {\r\n        box-shadow: 10px 0px 10px -15px rgba(0, 0, 0, .5);\r\n    }\r\n\r\n    .responsive tbody td:last-child {\r\n        box-shadow: -10px 0px 10px -15px rgba(0, 0, 0, .5);\r\n    }\r\n\r\n    .responsive tbody tr:nth-child(odd) td:first-child,\r\n    .responsive tbody tr:nth-child(odd) td:last-child {\r\n        background-color: #fff;\r\n    }\r\n\r\n    .responsive tbody tr:nth-child(even) td:first-child,\r\n    .responsive tbody tr:nth-child(even) td:last-child {\r\n        background-color: #fff;\r\n        background-color: #efefef;\r\n    }\r\n\r\n    .responsive th:last-child,\r\n    .responsive td:last-child {\r\n        position: sticky;\r\n        right: 0;\r\n    }\r\n<\/style>\r\n\r\n<div id=\"part-search\" class=\"part-search-app\" :class=\"(detail ? 'detail-view ' : '') + (is_mounted ? 'mounted ' : '')\">\r\n    <div class=\"fader\" :class=\"is_fading ? 'fading' : ''\"><\/div>\r\n    <div class=\"loader\" :class=\"is_loading ? 'loading' : ''\"><\/div>\r\n\r\n    <div class=\"breathe-mini\">\r\n        <div class=\"feature-block\">\r\n            <p class=\"feature-block-title text-center\" style=\"text-transform: uppercase;\">Search Inventory<\/p>\r\n\r\n            <form @submit.prevent=\"onSearch()\" id=\"searchformparts\" class=\"search\">\r\n                <div class=\"form-group\">\r\n                    <div class=\"row\" style=\"padding: 0px 20px;\">\r\n\r\n                        <div class=\"col-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col\">\r\n                                    <label class=\"control-label\" for=\"keyword\"><strong>Search Part # or Keyword<\/strong><\/label>\r\n                                    <label class=\"control-label visually-hidden\" for=\"hepi\">Search<\/label>\r\n                                    <input v-model=\"search.keyword\" type=\"search\" name=\"keyword\" id=\"keyword\"\r\n                                        placeholder=\"Any Number\" \/>\r\n                                    <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                    <!-- \/\/ hidden 'products' value -->\r\n                                    <input type=\"hidden\" name=\"custom_search\" value=\"1\" \/>\r\n                                    <!-- flag so we don't add all custom post types to this search -->\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"row hide-mobile\" style=\"display: flex; justify-content: flex-end;\">\r\n                                <div class=\"col hide-mobile\">\r\n                                    <button\r\n                                        v-if=\"search.divisions < 1 && search.equipment_types < 1 && search.he_part_nums< 1 && search.makes < 1 && search.models < 1 && search.oem_part_nums < 1 && search.keyword < 1\"\r\n                                        disabled type=\"submit\" class=\"btn btn-light-frame btn-small\"\r\n                                        style=\"opacity:.5\">Search<\/button>\r\n                                    <button v-else type=\"submit\" class=\"btn btn-light-frame btn-small\">Search<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"col-1\">\r\n                            <div class=\"wrapper\">\r\n                                <div class=\"line hide-mobile\"><\/div>\r\n                                <div class=\"wordwrapper\">\r\n                                    <div class=\"word\">or<\/div>\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"col-8\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-4\" v-if=\"filter_options_base.product_types.length > 0\">\r\n                                    <label class=\"control-label\" for=\"product_type\"><strong>Product Type<\/strong><\/label>\r\n                                    <label class=\"control-label visually-hidden\" for=\"product_type\">Search<\/label>\r\n                                    <select name=\"division\" v-model=\"search.product_types\" @change=\"onSearch($event, true, true)\">\r\n                                        <option value=\"\">Any Product Type<\/option>\r\n                                        <option v-for=\"option in filter_options.product_types\">{{option}}<\/option>\r\n                                    <\/select>\r\n\r\n                                    <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                <\/div>\r\n                                <div class=\"col-4\">\r\n                                  <label class=\"control-label\" for=\"division\"><strong>Division<\/strong><\/label>\r\n                                  <label class=\"control-label visually-hidden\" for=\"division\">Search<\/label>\r\n                                  <select name=\"division\" v-model=\"search.divisions\" @change=\"onSearch($event, true, true)\">\r\n                                      <option value=\"\">Any Division<\/option>\r\n                                      <option value=\"Mining\">Mining<\/option>\r\n                                      <option value=\"Dom-Ex\">Dom-Ex<\/option>\r\n                                      \r\n                                      <!-- <option v-for=\"option in filter_options_base.divisions\">{{option}}<\/option> -->\r\n                                  <\/select>\r\n\r\n                                  <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                <\/div>\r\n                                <div class=\"clearfix\"><\/div>\r\n                                <div class=\"col-4\">\r\n                                    <label class=\"control-label\" for=\"equipment_type\"><strong>Equipment\r\n                                            Type<\/strong><\/label>\r\n                                    <label class=\"control-label visually-hidden\" for=\"equipment_type\">Search<\/label>\r\n                                    <select  name=\"equipment_type\" v-model=\"search.equipment_types\"\r\n                                        @change=\"onSearch($event, true, true)\">\r\n                                        <option value=\"\">Any Equipment Type<\/option>\r\n                                        <option v-for=\"option in filter_options.equipment_types\">{{option}}<\/option>\r\n                                    <\/select>\r\n\r\n                                    <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                    <!-- \/\/ hidden 'products' value -->\r\n                                    <input type=\"hidden\" name=\"custom_search\" value=\"5\" \/>\r\n                                    <!-- flag so we don't add all custom post types to this search -->\r\n                                <\/div>\r\n\r\n                                <div class=\"col-3\">\r\n                                    <label class=\"control-label\" for=\"make\"><strong>Make<\/strong><\/label>\r\n                                    <label class=\"control-label visually-hidden\" for=\"make\">Search<\/label>\r\n                                    <select name=\"make\" v-model=\"search.makes\" @change=\"onSearch($event, true, true)\">\r\n                                        <option value=\"\">Any Make<\/option>\r\n                                        <option v-for=\"option in filter_options_base.makes\">{{option}}<\/option>\r\n                                    <\/select>\r\n                                <\/div>\r\n\r\n                                <div class=\"col-2\">\r\n                                    <label class=\"control-label\" for=\"model\"><strong>Model<\/strong><\/label>\r\n\r\n\r\n                                    <label class=\"control-label visually-hidden\" for=\"model\">Search<\/label>\r\n\r\n                                    <select class=\"model-type\" disabled v-if=\"search.makes === ''\" name=\"equipment_type\"\r\n                                        v-model=\"search.models\" @change=\"onSearch($event)\">\r\n                                        <option value=\"\">Select a Make<\/option>\r\n                                    <\/select>\r\n\r\n                                    <select v-else-if=\"search.makes !== ''\" name=\"equipment_type\"\r\n                                        v-model=\"search.models\" @change=\"onSearch($event)\">\r\n                                        <option value=\"\">Model<\/option>\r\n                                        <!-- <option v-for=\"option in get_models[`${search.makes.toLowerCase()}`]\">{{option}}<\/option> -->\r\n                                        <option v-for=\"option in get_models[`${search.makes.toLowerCase()}`]\">{{option}}\r\n                                        <\/option>\r\n                                    <\/select>\r\n\r\n\r\n                                    <input type=\"hidden\" name=\"post_type\" value=\"products\" \/>\r\n                                    <!-- \/\/ hidden 'products' value -->\r\n                                    <input type=\"hidden\" name=\"custom_search\" value=\"6\" \/>\r\n                                    <!-- flag so we don't add all custom post types to this search -->\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"row mobile-service-exchange\" style=\"display: flex; justify-content: flex-end;\">\r\n\r\n                                <div class=\"col-3\" style=\"margin-top: 14px;font-size:16px;flex-grow:4\">\r\n                                    <!-- <label class=\"control-label\" for=\"item_type\"><strong>Item Type<\/strong><\/label> -->\r\n                                    <label class=\"control-label visually-hidden\" or=\"item_type\">Search<\/label>\r\n                                    <label><input type=\"checkbox\" name=\"flag\" v-model=\"search.flags\" @change=\"onSearch($event)\" :checked=\"search.flags\"> Service Exchange Only<\/label>\r\n                                <\/div>\r\n\r\n                                <!-- <div class=\"col-3\" style=\"margin-top: 14px;font-size:16px;flex-grow:4\">\r\n                                    <label class=\"control-label visually-hidden\" or=\"item_type\">Search<\/label>\r\n                                    <label><input type=\"checkbox\" name=\"domex\" v-model=\"search.domex\" @change=\"excludeDomEx($event)\" :checked=\"search.domex\"> Include Dom-Ex Used Parts<\/label>\r\n                                <\/div> -->\r\n\r\n                                <div class=\"col\">\r\n                                    <a v-if=\"visible_results.length == 0 && parts == null\" style=\"visibility:none\"><\/a>\r\n                                    <a v-else href=\"#\" @click=\"resetForm($event)\" class=\"cart-btn\"\r\n                                        style=\"color:#feca38;margin-top: 14px;font-size:16px;display:inline-flex\">\r\n                                        <img decoding=\"async\" style=\"width: auto; height: 30px; padding-top: 4px; padding-bottom: 4px; display: inline-block;\"\r\n                                            src=\"\/wp-content\/themes\/voltron\/dist\/img\/icon-reset.svg\" alt=\"\">\r\n                                        <p style=\"padding:4px\">Reset<\/p>\r\n                                    <\/a>\r\n                                <\/div>\r\n\r\n                                <div class=\"col\">\r\n                                    <button\r\n                                        v-if=\"search.divisions < 1 && search.equipment_types < 1 && search.he_part_nums< 1 && search.makes < 1 && search.models < 1 && search.oem_part_nums < 1 && search.keyword < 1\"\r\n                                        disabled type=\"submit\" class=\"btn btn-light-frame btn-small\"\r\n                                        style=\"opacity:.5\">Search<\/button>\r\n                                    <button v-else type=\"submit\" class=\"btn btn-light-frame btn-small\"\r\n                                        style=\"min-width: 120px !important;\">Search<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n\r\n\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"row\" style=\"display: flex;flex-flow: row-reverse;\">\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n        <\/div>\r\n        <\/form>\r\n    <\/div>\r\n    <div  v-if=\"!visible_results.length && !detail && parts?.results\" class=\"breathe\">\r\n        <h3 class=\"text-center\">No results found.<\/h3>\r\n    <\/div>\r\n    <div v-if=\"!detail && visible_results.length === 0\"\r\n    class=\"relative results-block breathe\">\r\n<!-- v-if=\"!visible_results.length && !detail && !parts\"  -->\r\n        <div class=\"part-search-index\" style=\"justify-content: space-evenly;\">\r\n\r\n            <div class=\"flex-row\">\r\n                <div style=\"display: flex;flex-direction: column;\" class=\"flex-col part-search-index__panel\">\r\n                    <h3>Browse by Type<\/h3>\r\n                    <div class=\"browse-contain\" v-if=\"filter_options_base.equipment_types.length\">\r\n                        <div class=\"col-3 browse-item\" v-for=\"cats in filter_options_base.equipment_types\">\r\n                            <a :href=\"`\/parts\/?equipment_type=${cats}`\">{{cats}}<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"flex-row\">\r\n                <div style=\"display: flex;flex-direction: column;\" class=\"flex-col part-search-index__panel\">\r\n                    <h3>Most Popular Makes<\/h3>\r\n                    <div class=\"browse-contain\" v-if=\"filter_options_base.makes.length\">\r\n                        <div class=\"flex-row\" style=\"padding: 0;\">\r\n                            <div style=\"display: flex;flex-direction: column; padding: 0;\" class=\"flex-col part-search-index__panel\">\r\n\r\n                                <div class=\"browse-contain\" style=\"padding: 0; border-bottom: 2px solid #ddd;;\r\n                                margin-bottom: 1rem;\">\r\n                                 <div class=\"col-3 browse-item\">\r\n                                    <a href=\"\/parts\/?make=Caterpillar\">Caterpillar<\/a>\r\n                                <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Atlas Copco\">Atlas Copco<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Unit Rig\">Unit Rig<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Wagner\">Wagner<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Cummins\">Cummins<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Eprioc\">Eprioc<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Hitachi\">Hitachi<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a href=\"\/parts\/?make=Komatsu\">Komatsu<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a class=\"no-border\" href=\"\/parts\/?make=Liebherr\">Liebherr<\/a>\r\n                                    <\/div>\r\n                                    <div class=\"col-3 browse-item\">\r\n                                        <a class=\"no-border no-border-mobile\" href=\"\/parts\/?make=Sandvik\">Sandvik<\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<div id=\"results\" v-if=\"!detail && visible_results.length > 0\r\n\" class=\"relative results-block breathe\">\r\n    <div class=\"fader fader-local\" :class=\"is_results_fading ? 'fading' : ''\"><\/div>\r\n\r\n\r\n    <div class=\"cart-btn-group flex-row\">\r\n        <!-- <h3>Results Found<\/h3> -->\r\n        <a href=\"#\" class=\"view-cart-btn btn-inline\" @click=\"addMultipleParts($event)\"><div class=\"cart\">{{cart_parts.length}}<\/div> View Cart<\/a>\r\n        <a href=\"#\" class=\"btn-inline selected-cart-btn\"\r\n            @click=\"addMultiplePartsNoModal($event)\">\r\n\r\n            Add Selected to Cart\r\n        <\/a>\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"block\">\r\n        <div id=\"part-table\" data-super-table class=\"super-table\">\r\n            <div class=\"\">\r\n                <table id=\"data-table\" class=\"table drop-headers part-table\">\r\n                    <thead class=\"documents-table-header\">\r\n                        <tr class=\"\">\r\n                            <th class=\"th allow-wrap part-number\">HEPI Parts #<\/th>\r\n                            <th class=\"th allow-wrap part-number\">OEM Part #<\/th>\r\n                            <th class=\"th allow-wrap make\">Make<\/th>\r\n                            <th class=\"th allow-wrap model\">Model<\/th>\r\n                            <th data-auto-lock class=\"th allow-wrap  division\">Division<\/th>\r\n                            <th class=\"th allow-wrap division\">Product Type<\/th>\r\n                            <th class=\"th allow-wrap part-number\">Equipment Type<\/th>\r\n                            <th class=\"th allow-wrap description\">Description<\/th>\r\n                            <th class=\"th allow-wrap description\">Quantity<\/th>\r\n                            <!-- <th class=\"th details\">Details<\/th> -->\r\n                            <th data-auto-lock class=\"th check\">\r\n                                <a style=\"color: white;\" href=\"#\" class=\"\" @click=\"onSelectAll($event)\">\r\n                                    Add\r\n                                <\/a>\r\n                            <\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"\">\r\n\r\n                        <tr v-for=\"(part, i) in visible_results.slice(search.page_offset,search.results_per_page+search.page_offset)\"\r\n                            :key=\"i\" class=\"\">\r\n                            <template v-if=\"i <= 10\"><\/template>\r\n                            <!-- <a @click=\"onDetailView($event, part)\" class=\"view-more-link\"> -->\r\n\r\n\r\n                            <td class=\"td part-number\"  @click=\"onDetailView($event, part)\">\r\n                                <!--  -->\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    HEPI Parts #:\r\n                                <\/div>\r\n\r\n                                <div v-for=\"he_part_num in part.he_part_num\" style=\"display: inline-block;\">\r\n                                        {{he_part_num}}\r\n                                    <\/a>\r\n                                <\/div>\r\n                                <\/a>\r\n                            <\/td>\r\n\r\n                            <td class=\"td part-number\"  @click=\"onDetailView($event, part)\">\r\n\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    OEM Part #:\r\n                                <\/div>\r\n\r\n                                <div style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                    <div v-for=\"oem_part_num in part.oem_part_num\">{{oem_part_num}} <\/div>\r\n                                <\/div>\r\n\r\n                            <\/td>\r\n\r\n                            <td class=\"td allow-wrap make\"  @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Make:\r\n                                <\/div>\r\n\r\n                                <div v-for=\"make in part.make\" style=\"display: inline-block;\">{{make}}<\/div>\r\n                            <\/td>\r\n\r\n                            <td class=\"td allow-wrap format\"  @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Model:\r\n                                <\/div>\r\n                                <div style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                    <div v-if=\"part.model.filter(e => e && e.length).length > 0\">\r\n                                      {{(part.model.filter(e => e.length)).join(', ')}}\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/td>\r\n\r\n                            <td class=\"td division\"  @click=\"onDetailView($event, part)\">\r\n                              <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                  Division:\r\n                              <\/div>\r\n\r\n                              <div v-for=\"division in part.division\" style=\"display: inline-block;\">{{division}}<\/span>\r\n                          <\/td>\r\n\r\n                            <td class=\"td division\"  @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Product Type:\r\n                                <\/div>\r\n\r\n                                <div v-for=\"part_type in part.class\" style=\"display: inline-block;\">{{part_type}}<\/span>\r\n                            <\/td>\r\n\r\n                            <td class=\"td division\" @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Equipment Type:\r\n                                <\/div>\r\n\r\n                                <!-- <div style=\"display: inline-block;\"> -->\r\n                                <!-- <div v-for=\"equipment_type in part.equipment_type\" style=\"display: inline-block;\">\r\n                                  {{equipment_type}};\r\n                                <\/div> -->\r\n                                  <span v-if=\"part.equipment_type.filter(e => e && e.length).length > 0\">\r\n                                    {{(part.equipment_type.filter(e => e.length)).join(', ')}}\r\n                                  <\/span>\r\n                            <\/td>\r\n\r\n\r\n                            <td class=\"td allow-wrap description\" @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Description:\r\n                                <\/div>\r\n\r\n                                <div style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                    <p v-for=\"description in part.description\" style=\"margin-bottom: 0;\" >{{description}}<\/p>\r\n                                <\/div>\r\n                            <\/td>\r\n\r\n\r\n\r\n                            <td class=\"td allow-wrap description\" @click=\"onDetailView($event, part)\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                    Quantity:\r\n                                <\/div>\r\n\r\n                                <p v-for=\"quantity in part.quantity\" v-if=\"isDomex(part)\" style=\"display: inline-block;\">{{quantity}}<\/p>\r\n                                <p v-else style=\"display: inline-block;\">Lead Times Vary<\/p>\r\n                            <\/td>\r\n                            <\/\u03b1>\r\n\r\n                            <!-- here -->\r\n                            <td class=\"hide-label text-left\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        Select:\r\n                                <\/div>\r\n\r\n                                <input v-model=\"selected_parts\" :value=\"part.he_part_num\" type=\"checkbox\">\r\n                            <\/td>\r\n\r\n\r\n                            <!-- <td class=\"td details hide-label\">\r\n                                <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n\r\n                                <\/div>\r\n                                <a @click=\"onDetailView($event, part)\" class=\"details-link\">Details<\/a>\r\n                            <\/td> -->\r\n\r\n                            <!--<div class=\"td description\">-->\r\n                            <!--    <p v-for=\"equipment_type in part.equipment_type\">{{equipment_type}}<\/p>-->\r\n                            <!--<\/div>-->\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div v-if=\"parts.total_results > search.results_per_page\">\r\n        <div class=\"pagination\">\r\n            <a href=\"#\" class=\"prev page-numbers\" v-if=\"search.page > 0\" @click=\"onChangePage($event, search.page - 1)\"\r\n                title=\"Previous\">\u2039<\/a>\r\n\r\n            <!-- <a href=\"#\" title=\"!\" v-if=\"search.page > 3 && page_count > 5\" class=\"page-numbers\" @click=\"onChangePage($event, 1)\"><\/a> -->\r\n\r\n            <a href=\"#\" v-if=\"n > (search.page - 1) && n < (search.page + 3)\" class=\"page-numbers\"\r\n                :class=\"n == search.page+1 ? 'current' : ''\" v-for=\"n in page_count\"\r\n                @click=\"onChangePage($event, n-1)\">{{n}}<\/a>\r\n\r\n            <!-- <a href=\"#\" :title=\"page_count\" v-if=\"search.page <= page_count - 3 && page_count > 5\" class=\"page-numbers\" @click=\"onChangePage($event, page_count)\"><\/a> -->\r\n\r\n            <a href=\"#\" class=\"next page-numbers\" v-if=\"search.page < page_count-1\"\r\n                @click=\"onChangePage($event, search.page + 1)\" title=\"Next\">\u203a<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"flex-row space-between display-mobile\">\r\n        <!-- <h3>Results Found<\/h3> -->\r\n        <a href=\"#\" class=\"btn \"\r\n            @click=\"addMultiplePartsNoModal($event)\">\r\n\r\n            Add Selected to Cart\r\n        <\/a>\r\n        <a href=\"#\" class=\"\" @click=\"addMultipleParts($event)\">View Cart <div class=\"cart\"><\/div><\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div v-if=\"detail\" class=\"detail\">\r\n\r\n    <div class=\"results-btn\">\r\n        <a href=\"#\" @click=\"onDetailView($event)\" class=\"back\">Back to Results<\/a>\r\n        <a id=\"show-cart\" class=\"details-btn btn btn-inline margin-top\" @click=\"addToPartSearchCart($event, detail)\">Add to Cart<\/a>\r\n    <\/div>\r\n\r\n    <!-- <h2>H-E Parts <span v-for=\"he_part_num in detail.he_part_num\">{{he_part_num}}<\/span> Details<\/h2> -->\r\n    <h1 style=\"font-size: 36px;\r\n    letter-spacing: 1px;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n    margin-top: 0;\r\n    margin-bottom: .5em;\r\n    font-weight: 600;\r\n    margin: 0.67em 0;\" class=\"text-center margin-bottom\">{{makeHeadline(detail)}}<\/h1>\r\n    <div class=\"description-table\">\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>HEPI Part Number<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"he_part_num in detail.he_part_num\">{{he_part_num.toUpperCase()}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Item Status<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"item_status in detail.item_status\">{{item_status ? item_status.length > 1 ? item_status[0].toUpperCase() + item_status.slice(1) : '' : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Alternate Part Number<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"alt_part_num in detail.alt_part_num\">{{alt_part_num ? alt_part_num.toUpperCase() : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Equipment Type<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"equipment_type in detail.equipment_type\">{{equipment_type ? equipment_type.length > 1 ? equipment_type[0].toUpperCase() + equipment_type.slice(1) : '' : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>OEM Part Number<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"oem_part_num in detail.oem_part_num\">{{oem_part_num ? oem_part_num.toUpperCase() : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Division<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"division in detail.division\">{{division ? division.length > 1 ? division[0].toUpperCase() + division.slice(1) : '' : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Make<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"make in detail.make\">{{make ? make : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Availability<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"availability in detail.availability\">{{availability ? availability.length > 1 ? availability[0].toUpperCase() + availability.slice(1).toLowerCase() : '' : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Model<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"model in detail.model\">{{model ? model.toUpperCase() : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Item type<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"flag in detail.flag\">{{getItemType(flag)}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"description-row\">\r\n            <div class=\"row\">\r\n                <div class=\"col-6\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-6\">\r\n                            <strong>Description<\/strong>\r\n                        <\/div>\r\n                        <div class=\"col-6\">\r\n                            <p v-for=\"description in detail.description\">{{description ? description.toUpperCase() : ''}}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"margin-top: 50px;\">\r\n        <p style=\"max-width: 880px; margin-inline: auto;\">{{makeSeoText(detail)[0]}}<\/p>\r\n        <p style=\"max-width: 880px; margin-inline: auto; margin-block: 1rem;\">{{makeSeoText(detail)[1]}}<\/p>\r\n    <\/div>\r\n\r\n    <div v-if=\"additionalParts.length > 0\" class=\"details\">\r\n        \r\n        <h2 style=\"font-size: 30px;\r\n        letter-spacing: 2px;\r\n        line-height: 1;\r\n        text-transform: uppercase;\r\n        margin-bottom: .5em;\r\n        font-weight: 600;\" class=\"text-center marging-top margin-bottom\" style=\"margin-top: 2rem;\">{{additionalPartsLine(detail)}}<\/h2>\r\n        <a href=\"#\" style=\"float: right; margin-bottom: 0.5rem;\" class=\"details-select selected-cart-btn\"\r\n            @click=\"addMultiplePartsNoModal($event)\">\r\n\r\n            Add Selected to Cart\r\n        <\/a>\r\n        <div id=\"part-table\" data-super-table class=\"super-table\">\r\n            <div class=\"\">\r\n                <table id=\"data-table\" class=\"table drop-headers part-table\">\r\n                    <thead class=\"documents-table-header\">\r\n                        <tr class=\"\">\r\n                            <th class=\"th allow-wrap part-number\">HEPI Parts #<\/th>\r\n                            <th class=\"th allow-wrap part-number\">OEM Part #<\/th>\r\n                            <th data-auto-lock class=\"th allow-wrap  division\">Division<\/th>\r\n                            <th class=\"th allow-wrap description\">Description<\/th>\r\n                            <th data-auto-lock class=\"th check\">\r\n                                <a style=\"color: white;\" href=\"#\" class=\"\" @click=\"onSelectAll($event)\">\r\n                                    Add\r\n                                <\/a>\r\n                            <\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"\">\r\n\r\n                        <tr v-for=\"(part, i) in additionalParts.slice(search.page_offset,search.results_per_page+search.page_offset)\"\r\n                            :key=\"i\" class=\"\">\r\n                            <template v-if=\"i <= 10 && part.id[0] != detail.id[0]\"><\/template>\r\n\r\n\r\n                                <td @click=\"onDetailView($event, part)\" class=\"td part-number\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        HEPI Parts #:\r\n                                    <\/div>\r\n\r\n                                    <div v-for=\"he_part_num in part.he_part_num\" style=\"display: inline-block;\">\r\n                                            {{he_part_num}}\r\n\r\n                                    <\/div>\r\n                                <\/td>\r\n\r\n                                <td @click=\"onDetailView($event, part)\" class=\"td part-number\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        OEM Part #:\r\n                                    <\/div>\r\n\r\n                                    <div @click=\"onDetailView($event, part)\" style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                        <div v-for=\"oem_part_num in part.oem_part_num\">{{oem_part_num}} <\/div>\r\n                                    <\/div>\r\n                                <\/td>\r\n\r\n                                <td @click=\"onDetailView($event, part)\" class=\"td division\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        Division:\r\n                                    <\/div>\r\n\r\n                                    <div v-for=\"division in part.division\" style=\"display: inline-block;\">{{division}}<\/span>\r\n                                <\/td>\r\n\r\n                                <td @click=\"onDetailView($event, part)\" class=\"td allow-wrap description\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                        Description:\r\n                                    <\/div>\r\n\r\n                                    <div @click=\"onDetailView($event, part)\" style=\"display: inline-block; vertical-align: top; width: 58%;\">\r\n                                        <p v-for=\"description in part.description\" style=\"margin-bottom: 0;\" >{{description}}<\/p>\r\n                                    <\/div>\r\n                                <\/td>\r\n\r\n                                <td class=\"hide-label text-left\">\r\n                                    <div class=\"display-mobile-block\" style=\"font-weight: bold; width: 40%\">\r\n                                            Select:\r\n                                    <\/div>\r\n\r\n                                    <input v-model=\"selected_parts\" :value=\"part.he_part_num\" type=\"checkbox\">\r\n                                <\/td>\r\n\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<!--\r\n        <div class=\"bottom-copy text-center details-instructions\">\r\n            <p style=\"margin-bottom: 2rem;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<\/p>\r\n\r\n            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores<\/p>\r\n        <\/div> -->\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":27,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-parts-inventory-search.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1224067","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 5.0.0.1 - aioseo.com -->\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"google-site-verification\" content=\"ByvZnI2CWaTDYUoQgxV7hkZagTDgLMCc3EfzI8wEyOk\" \/>\n\t<meta name=\"p:domain_verify\" content=\"335733\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.h-eparts.com\/es\/piezas\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\n\t\t<meta property=\"og:site_name\" content=\"H-E Parts\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Piezas | H-E Parts\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.h-eparts.com\/es\/piezas\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.h-eparts.com\/wp-content\/uploads\/2025\/10\/HEPI_OG-Image.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.h-eparts.com\/wp-content\/uploads\/2025\/10\/HEPI_OG-Image.jpg\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2024-03-21T17:52:46+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-05-07T17:01:09+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hepartsinternational\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Piezas | H-E Parts\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.h-eparts.com\/wp-content\/uploads\/2025\/10\/HEPI_OG-Image.jpg\" \/>\n\t\t<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t\t<meta name=\"twitter:data1\" content=\"Ben Bowlware\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/piezas\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/piezas\\\/#listItem\",\"name\":\"Piezas\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/piezas\\\/#listItem\",\"position\":2,\"name\":\"Piezas\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/#organization\",\"name\":\"H-E Parts International\",\"url\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.h-eparts.com\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/HEPI_General.png\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/piezas\\\/#organizationLogo\"},\"image\":{\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/piezas\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hepartsinternational\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/h-epartsinternational\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/piezas\\\/#webpage\",\"url\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/piezas\\\/\",\"name\":\"Piezas | H-E Parts\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/piezas\\\/#breadcrumblist\"},\"datePublished\":\"2024-03-22T01:52:46+08:00\",\"dateModified\":\"2026-05-08T01:01:09+08:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/\",\"name\":\"H-E Parts International\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.h-eparts.com\\\/es\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Piezas | H-E Parts<\/title>\n\n","aioseo_head_json":{"title":"Piezas | H-E Parts","description":"","canonical_url":"https:\/\/www.h-eparts.com\/es\/piezas\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"google-site-verification":"ByvZnI2CWaTDYUoQgxV7hkZagTDgLMCc3EfzI8wEyOk","p:domain_verify":"335733","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.h-eparts.com\/es\/piezas\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.h-eparts.com\/es\/#listItem","position":1,"name":"Home","item":"https:\/\/www.h-eparts.com\/es\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.h-eparts.com\/es\/piezas\/#listItem","name":"Piezas"}},{"@type":"ListItem","@id":"https:\/\/www.h-eparts.com\/es\/piezas\/#listItem","position":2,"name":"Piezas","previousItem":{"@type":"ListItem","@id":"https:\/\/www.h-eparts.com\/es\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.h-eparts.com\/es\/#organization","name":"H-E Parts International","url":"https:\/\/www.h-eparts.com\/es\/","logo":{"@type":"ImageObject","url":"https:\/\/www.h-eparts.com\/wp-content\/uploads\/2019\/01\/HEPI_General.png","@id":"https:\/\/www.h-eparts.com\/es\/piezas\/#organizationLogo"},"image":{"@id":"https:\/\/www.h-eparts.com\/es\/piezas\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/hepartsinternational","https:\/\/www.linkedin.com\/company\/h-epartsinternational\/"]},{"@type":"WebPage","@id":"https:\/\/www.h-eparts.com\/es\/piezas\/#webpage","url":"https:\/\/www.h-eparts.com\/es\/piezas\/","name":"Piezas | H-E Parts","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/www.h-eparts.com\/es\/#website"},"breadcrumb":{"@id":"https:\/\/www.h-eparts.com\/es\/piezas\/#breadcrumblist"},"datePublished":"2024-03-22T01:52:46+08:00","dateModified":"2026-05-08T01:01:09+08:00"},{"@type":"WebSite","@id":"https:\/\/www.h-eparts.com\/es\/#website","url":"https:\/\/www.h-eparts.com\/es\/","name":"H-E Parts International","inLanguage":"es-ES","publisher":{"@id":"https:\/\/www.h-eparts.com\/es\/#organization"}}]},"og:locale":"es_ES","og:site_name":"H-E Parts","og:type":"article","og:title":"Piezas | H-E Parts","og:url":"https:\/\/www.h-eparts.com\/es\/piezas\/","og:image":"https:\/\/www.h-eparts.com\/wp-content\/uploads\/2025\/10\/HEPI_OG-Image.jpg","og:image:secure_url":"https:\/\/www.h-eparts.com\/wp-content\/uploads\/2025\/10\/HEPI_OG-Image.jpg","article:published_time":"2024-03-21T17:52:46+00:00","article:modified_time":"2026-05-07T17:01:09+00:00","article:publisher":"https:\/\/www.facebook.com\/hepartsinternational","twitter:card":"summary_large_image","twitter:title":"Piezas | H-E Parts","twitter:image":"https:\/\/www.h-eparts.com\/wp-content\/uploads\/2025\/10\/HEPI_OG-Image.jpg","twitter:label1":"Written by","twitter:data1":"Ben Bowlware"},"aioseo_meta_data":{"post_id":"1224067","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-05-11 20:50:35","breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":null,"created":"2026-05-11 20:50:35","updated":"2026-05-11 21:02:22","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/www.h-eparts.com\/es\/\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tPiezas\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.h-eparts.com\/es\/"},{"label":"Piezas","link":"https:\/\/www.h-eparts.com\/es\/piezas\/"}],"_links":{"self":[{"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/pages\/1224067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/comments?post=1224067"}],"version-history":[{"count":1,"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/pages\/1224067\/revisions"}],"predecessor-version":[{"id":1224070,"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/pages\/1224067\/revisions\/1224070"}],"wp:attachment":[{"href":"https:\/\/www.h-eparts.com\/es\/wp-json\/wp\/v2\/media?parent=1224067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}