{"id":37367,"date":"2023-09-20T18:07:57","date_gmt":"2023-09-20T18:07:57","guid":{"rendered":"https:\/\/zpesystems.com\/?page_id=37367"},"modified":"2024-04-02T22:25:00","modified_gmt":"2024-04-02T22:25:00","slug":"product-selector","status":"publish","type":"page","link":"https:\/\/zpesystems.com\/product-selector\/","title":{"rendered":"Product Selector"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; z_index=&#8221;999999999&#8243; width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; da_disable_devices=&#8221;off|off|off&#8221; global_colors_info=&#8221;{}&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#008aab&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#358AAF&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#214C64&#8243; custom_padding=&#8221;50px||50px||true|false&#8221; global_colors_info=&#8221;{}&#8221;]<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html lang=\"en\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><head><!-- [et_pb_line_break_holder] -->    <meta charset=\"UTF-8\"><!-- [et_pb_line_break_holder] -->    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><!-- [et_pb_line_break_holder] -->    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/wp-content\/uploads\/ProductSelector\/V2.2.5\/style.css\" media=\"screen\" \/><!-- [et_pb_line_break_holder] -->    <title>Product Selector | Version 2.2.5 <\/title><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><body data-rsssl=1 data-rsssl=1 data-rsssl=1><!-- [et_pb_line_break_holder] -->    <main id=\"app\" style=\"max-width: 100%;\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"loading\" :class=\"{ loadingSystem: loadSystem }\" style=\"display: none;\"><!-- [et_pb_line_break_holder] -->            <span class=\"zpeLogo\"><\/span><!-- [et_pb_line_break_holder] -->            <\/p>\n<div v-if=\"!loadError\" id=\"loading_animation\"><!-- [et_pb_line_break_holder] -->                <span>Loading<\/span><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"lds-ellipsis\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div v-else><!-- [et_pb_line_break_holder] -->                <pee>{{ errorMsg }}<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<section id=\"zpe-product_selectorc\" :class=\"{deactivate : loadSystem }\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"prodSlct_body\" class=\"flex\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"prodSlct_body-column\" class=\"flex\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div :class=\"{blockOptions: blockOptionColumn}\"><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div id=\"filters\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"flex\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div id=\"clearFilter\" @click=\"clearFilters()\"><span>Clear Filters<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div id=\"closeMenu\" class=\"closeButton\" @click=\"openCloseMenu()\"><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- Left Sidebar showing Features and Options --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div id=\"features\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"feature flex\" v-for=\"(opt, index) in optionsList\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"feature_body flex\" :id=`feature_${index}` @click=\"showHiddenOptions(index)\"><!-- [et_pb_line_break_holder] -->                                <span class=\"feature-name\">{{ opt.name }}<!-- [et_pb_line_break_holder] -->                                    <span v-if=\"opt.toolTip\" :id=`toolTip_${index}` class=\"questionSVG\"<!-- [et_pb_line_break_holder] -->                                        @mouseover.prevent=&#8221;addToolTip&#8221;<!-- [et_pb_line_break_holder] -->                                        @mouseleave.prevent=&#8217;removeToolTip(index)&#8217;><\/span><!-- [et_pb_line_break_holder] -->                                <\/span><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div :id=`toolTipBox_${index}` class=\"toolTipBox\"><!-- [et_pb_line_break_holder] -->                                    <span>{{ opt.toolTip }}<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <span :id=`arrow_${index}` class=\"arrowSVG\"><\/span><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"feature_options\" :id=`feature_options_${index}` data-toggle=\"optionsOpen\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"option-body\" v-for=\"item in opt.item\"<!-- [et_pb_line_break_holder] -->                                        @click=&#8221;selectFilter(item, index); selectOption(item, index)&#8221;<!-- [et_pb_line_break_holder] -->                                        :id=`${index}_option_${item}`><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"option-check-body\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"option-check\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <span class=\"option-item\">{{ item }}<\/span><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- END of left sidebar --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"deviceList_body\" class=\"flex\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div id=\"deviceList_body-column\" class=\"flex\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div id=\"deviceList_body-header\" class=\"flex\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div id=\"counterFilterIcon_div\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div id=\"mobileFilters_btn\" @click=\"openCloseMenu()\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"filterSVG\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    Filters<!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div id=\"deviceCount\"><!-- [et_pb_line_break_holder] -->                                    Devices listed: {{ filteredList.length }}<!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div id=\"searchBar\"><!-- [et_pb_line_break_holder] -->                                <input id=\"searchBar\" type=\"search\" placeholder=\"Try device name or SKU\"<!-- [et_pb_line_break_holder] -->                                    @keyup.prevent=&#8221;searchDevice(searchBar)&#8221; v-model=&#8221;searchBar&#8221;><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div id=\"devices\" class=\"flex\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div id=\"loadingList\" :class=\"{ loadingList: loadList }\" style=\"display: none;\"><!-- [et_pb_line_break_holder] -->                                <pee>Loading<\/pee><!-- [et_pb_line_break_holder] -->                                <span class=\"loader\"><\/span><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div v-if=\"filteredList == ''\"><!-- [et_pb_line_break_holder] -->                            <pee> No results found. <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div v-if=\"filteredList != '' &#038;&#038; !loadList\" class=\"device flex\"<!-- [et_pb_line_break_holder] -->                            v-for=&#8221;familyArray in filteredList_filteredByfamily&#8221;><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"deviceHeader flex\"><!-- [et_pb_line_break_holder] -->                                <img :src=\"Array.isArray(familyArray[0].image) ? familyArray[0].image[0] : familyArray[0].image\"><!-- [et_pb_line_break_holder] -->                                <!-- <img :src=\"familyArray[0].image\"> --><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"deviceContent\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h2>{{ familyArray[0].product_family }}<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                                    <small>{{ familyArray[0].short_name }}<\/small><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"deviceButtons flex\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"details\" @click=\"showModal(familyArray[0])\">Details<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <a :href=\"familyArray[0].device_link\" class=\"onSite-link\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"onSite\">Product page<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/a><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"devicesList\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"devicesSkuDescription flex\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"devicesSkuTitle\">SKU<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"devicesDescriptionTitle\">Description<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"skuDescriptionText flex\" v-for=\"device in familyArray\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"devicesSku\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <pee class=\"devicesSku_text\"><strong>{{ device.sku }}<\/strong><\/pee><!-- [et_pb_line_break_holder] -->                                        <a v-if=\"device.contact\" href=\"https:\/\/zpesystems.com\/contact\/\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"devicesSku_contactButton\"><!-- [et_pb_line_break_holder] -->                                            {{ device.contact }}<!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"devicesDescription\"><!-- [et_pb_line_break_holder] -->                                        <pee>{{ device.description }}<\/pee><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <!-- Modal for device detail --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"deviceModal_body\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div id=\"deviceModal\" class=\"flex\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div id=\"close_modal\" @click=\"closeModal()\"><!-- [et_pb_line_break_holder] -->                            <span class=\"closeIcon\"><\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div id=\"device_headline\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h2> {{ modal.product_family }}<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                            <pee>{{ modal.details_description?.title }}<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div id=\"device_content\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div id=\"device_content-body\" class=\"flex\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div id=\"description_text\"><!-- [et_pb_line_break_holder] -->                                    <pee>{{ modal.details_description?.description }}<\/pee><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div v-if=\"Array.isArray(modal.image) &#038;&#038; modal.image.length > 1&#8243; class=&#8221;modal_img_array&#8221;><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div :id=`modal_img_${idx}` v-for=\"(img, idx) in modal.image\" class=\"flex modal_img\" @click=\"lightBox(idx)\"><!-- [et_pb_line_break_holder] -->                                        <img :src=\"img\" \/><!-- [et_pb_line_break_holder] -->                                        <small :id=`hideLightBox_${idx}`>X<\/small><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div v-else id=\"modal_img\" class=\"flex modal_img_single \" @click=\"lightBox(idx)\"><!-- [et_pb_line_break_holder] -->                                    <img :src=\"modal.image\" \/><!-- [et_pb_line_break_holder] -->                                    <small id=\"hideLightBox\">X<\/small><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<hr>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div v-if=\"modal &#038;&#038; modal.features.device_type.name != 'Expansion Card'\" id=\"device_features\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div v-for=\"(feature, idx) in modal.details\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3>{{ Object.keys(feature)[0] }}<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"featuresInDetails\"<!-- [et_pb_line_break_holder] -->                                        v-if=&#8221;Array.isArray(feature[Object.keys(feature)]) &#038;&#038; feature[Object.keys(feature)].length > 1&#8243;><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<li v-for=\"deviceDetail in feature[Object.keys(feature)]\"><!-- [et_pb_line_break_holder] -->                                            {{ deviceDetail }}<!-- [et_pb_line_break_holder] -->                                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <span v-else>{{ feature[Object.keys(feature)] }}<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div v-else class=\"expn_card-body\"><!-- [et_pb_line_break_holder] -->                                <i v-if=\"modal.details_description?.note\">{{ modal.details_description.note }}<\/i><!-- [et_pb_line_break_holder] -->                                <a target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"expn_card\">Visit the Product Page<\/div>\n<p><\/a><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] -->    <\/main><!-- [et_pb_line_break_holder] -->    <script src=\"https:\/\/unpkg.com\/vue@3\/dist\/vue.global.prod.js\"><\/script><!-- [et_pb_line_break_holder] -->    <script src=\"\/wp-content\/uploads\/ProductSelector\/V2.2.5\/app.js\" type=\"module\"><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Product Selector | Version 2.2.5 Loading {{ errorMsg }} Clear Filters {{ opt.name }} @mouseover.prevent=&#8221;addToolTip&#8221; @mouseleave.prevent=&#8217;removeToolTip(index)&#8217; {{ opt.toolTip }} @click=&#8221;selectFilter(item, index); selectOption(item, index)&#8221; :id=`${index}_option_${item}` {{ item }} Filters Devices listed: {{ filteredList.length }} @keyup.prevent=&#8221;searchDevice(searchBar)&#8221; v-model=&#8221;searchBar&#8221; Loading No results found. v-for=&#8221;familyArray in filteredList_filteredByfamily&#8221; {{ familyArray[0].product_family }} {{ familyArray[0].short_name }} Details Product page SKU Description {{ device.sku [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":33073,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","footnotes":""},"class_list":["post-37367","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.0 (Yoast SEO v26.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Product Selector - ZPE Systems<\/title>\n<meta name=\"description\" content=\"ZPE Systems - Product Selector\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zpesystems.com\/product-selector\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Product Selector\" \/>\n<meta property=\"og:description\" content=\"ZPE Systems - Product Selector\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zpesystems.com\/product-selector\/\" \/>\n<meta property=\"og:site_name\" content=\"ZPE Systems\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-02T22:25:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"684\" \/>\n\t<meta property=\"og:image:height\" content=\"756\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zpesystems.com\/product-selector\/\",\"url\":\"https:\/\/zpesystems.com\/product-selector\/\",\"name\":\"Product Selector - ZPE Systems\",\"isPartOf\":{\"@id\":\"https:\/\/zpesystems.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/zpesystems.com\/product-selector\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/zpesystems.com\/product-selector\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp\",\"datePublished\":\"2023-09-20T18:07:57+00:00\",\"dateModified\":\"2024-04-02T22:25:00+00:00\",\"description\":\"ZPE Systems - Product Selector\",\"breadcrumb\":{\"@id\":\"https:\/\/zpesystems.com\/product-selector\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zpesystems.com\/product-selector\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zpesystems.com\/product-selector\/#primaryimage\",\"url\":\"https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp\",\"contentUrl\":\"https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp\",\"width\":684,\"height\":756},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zpesystems.com\/product-selector\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/zpesystems.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product Selector\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zpesystems.com\/#website\",\"url\":\"https:\/\/zpesystems.com\/\",\"name\":\"ZPE Systems\",\"description\":\"Rethink the Way Networks are Built and Managed\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zpesystems.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Product Selector - ZPE Systems","description":"ZPE Systems - Product Selector","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:\/\/zpesystems.com\/product-selector\/","og_locale":"en_US","og_type":"article","og_title":"Product Selector","og_description":"ZPE Systems - Product Selector","og_url":"https:\/\/zpesystems.com\/product-selector\/","og_site_name":"ZPE Systems","article_modified_time":"2024-04-02T22:25:00+00:00","og_image":[{"width":684,"height":756,"url":"https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zpesystems.com\/product-selector\/","url":"https:\/\/zpesystems.com\/product-selector\/","name":"Product Selector - ZPE Systems","isPartOf":{"@id":"https:\/\/zpesystems.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zpesystems.com\/product-selector\/#primaryimage"},"image":{"@id":"https:\/\/zpesystems.com\/product-selector\/#primaryimage"},"thumbnailUrl":"https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp","datePublished":"2023-09-20T18:07:57+00:00","dateModified":"2024-04-02T22:25:00+00:00","description":"ZPE Systems - Product Selector","breadcrumb":{"@id":"https:\/\/zpesystems.com\/product-selector\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zpesystems.com\/product-selector\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zpesystems.com\/product-selector\/#primaryimage","url":"https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp","contentUrl":"https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp","width":684,"height":756},{"@type":"BreadcrumbList","@id":"https:\/\/zpesystems.com\/product-selector\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zpesystems.com\/"},{"@type":"ListItem","position":2,"name":"Product Selector"}]},{"@type":"WebSite","@id":"https:\/\/zpesystems.com\/#website","url":"https:\/\/zpesystems.com\/","name":"ZPE Systems","description":"Rethink the Way Networks are Built and Managed","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zpesystems.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"rttpg_featured_image_url":{"full":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",684,756,false],"landscape":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",684,756,false],"portraits":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",684,756,false],"thumbnail":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo-150x150.webp",150,150,true],"medium":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo-271x300.webp",271,300,true],"large":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",684,756,false],"1536x1536":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",684,756,false],"2048x2048":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",684,756,false],"et-pb-post-main-image":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo-400x250.webp",400,250,true],"et-pb-post-main-image-fullwidth":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo-684x675.webp",684,675,true],"et-pb-portfolio-image":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo-400x284.webp",400,284,true],"et-pb-portfolio-module-image":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo-510x382.webp",510,382,true],"et-pb-portfolio-image-single":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",684,756,false],"et-pb-gallery-module-image-portrait":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo-400x516.webp",400,516,true],"et-pb-post-main-image-fullwidth-large":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",684,756,false],"et-pb-image--responsive--desktop":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",651,720,false],"et-pb-image--responsive--tablet":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo.webp",499,551,false],"et-pb-image--responsive--phone":["https:\/\/zpesystems.com\/wp-content\/uploads\/2022\/11\/ZPE-Logo-480x531.webp",244,270,true]},"rttpg_author":{"display_name":"Luiz Barbieri","author_link":"https:\/\/zpesystems.com\/author\/luiz\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Product Selector | Version 2.2.5 Loading {{ errorMsg }} Clear Filters {{ opt.name }} @mouseover.prevent=\"addToolTip\" @mouseleave.prevent='removeToolTip(index)' {{ opt.toolTip }} @click=\"selectFilter(item, index); selectOption(item, index)\" :id=`${index}_option_${item}` {{ item }} Filters Devices listed: {{ filteredList.length }} @keyup.prevent=\"searchDevice(searchBar)\" v-model=\"searchBar\" Loading No results found. v-for=\"familyArray in filteredList_filteredByfamily\" {{ familyArray[0].product_family }} {{ familyArray[0].short_name }} Details Product page SKU Description {{ device.sku&hellip;","_links":{"self":[{"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/pages\/37367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/comments?post=37367"}],"version-history":[{"count":10,"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/pages\/37367\/revisions"}],"predecessor-version":[{"id":40119,"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/pages\/37367\/revisions\/40119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/media\/33073"}],"wp:attachment":[{"href":"https:\/\/zpesystems.com\/wp-json\/wp\/v2\/media?parent=37367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}