{"id":320,"date":"2024-02-06T14:34:01","date_gmt":"2024-02-06T14:34:01","guid":{"rendered":"https:\/\/demo.crocoblock.com\/lab\/?page_id=320"},"modified":"2024-08-05T09:07:44","modified_gmt":"2024-08-05T09:07:44","slug":"listing-as-builder","status":"publish","type":"page","link":"https:\/\/demo.crocoblock.com\/lab\/listing-as-builder\/","title":{"rendered":"Listing As Filter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"320\" class=\"elementor elementor-320\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f3512e e-flex e-con-boxed e-con e-parent\" data-id=\"4f3512e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7c04de elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"f7c04de\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"200\" height=\"28\" src=\"https:\/\/demo.crocoblock.com\/lab\/wp-content\/uploads\/2024\/01\/Crocoblock-logo-green-black.svg\" class=\"attachment-large size-large wp-image-19\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a00796 elementor-widget elementor-widget-heading\" data-id=\"0a00796\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Use listing as filter for another listing<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-992f0c1 e-flex e-con-boxed e-con e-parent\" data-id=\"992f0c1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acdcaf0 elementor-widget elementor-widget-heading\" data-id=\"acdcaf0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Filter Transport by Type:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<script>\n\t\t( function( $ ) {\n\n\t\t\t\"use strict\";\n\n\t\t\tconst initListingFilter = function() {\n\n\n\t\t\t\twindow.JetSmartFilters.filtersList.JetEngineCustomListingFilter = 'jet-smart-filters-custom-listing';\n\t\t\t\twindow.JetSmartFilters.filters.JetEngineCustomListingFilter = class JetEngineCustomListingFilter extends window.JetSmartFilters.filters.Select {\n\n\t\t\t\t\tconstructor( $container ) {\n\n\t\t\t\t\t\tconst $filterListing = $container.find( '.jet-listing-grid' );\n\t\t\t\t\t\n\t\t\t\t\t\t$filterListing.addClass( 'jet-select' );\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t$filterListing.data( 'filter-id', $container.data( 'filter-id' ) );\n\t\t\t\t\t\t$filterListing.attr( 'data-filter-id', $container.data( 'filter-id' ) );\n\t\t\t\t\t\t$filterListing.data( 'smart-filter', $container.data( 'smart-filter' ) );\n\t\t\t\t\t\t$filterListing.attr( 'data-smart-filter', $container.data( 'smart-filter' ) );\n\t\t\t\t\t\t$filterListing.data( 'content-provider', $container.data( 'content-provider' ) );\n\t\t\t\t\t\t$filterListing.attr( 'data-content-provider', $container.data( 'content-provider' ) );\n\t\t\t\t\t\t$filterListing.data( 'apply-type', $container.data( 'apply-type' ) );\n\t\t\t\t\t\t$filterListing.attr( 'data-apply-type', $container.data( 'apply-type' ) );\n\t\t\t\t\t\t$filterListing.data( 'apply-on', $container.data( 'apply-on' ) );\n\t\t\t\t\t\t$filterListing.attr( 'data-apply-on', $container.data( 'apply-on' ) );\n\t\t\t\t\t\t$filterListing.data( 'query-id', $container.data( 'query-id' ) );\n\t\t\t\t\t\t$filterListing.attr( 'data-query-id', $container.data( 'query-id' ) );\n\t\t\t\t\t\t$filterListing.data( 'query-type', $container.data( 'query-type' ) );\n\t\t\t\t\t\t$filterListing.attr( 'data-query-type', $container.data( 'query-type' ) );\n\t\t\t\t\t\t$filterListing.data( 'query-var', $container.data( 'query-var' ) );\n\t\t\t\t\t\t$filterListing.attr( 'data-query-var', $container.data( 'query-var' ) );\n\n\t\t\t\t\t\tsuper( $container );\n\t\t\t\t\t\t\n\t\t\t\t\t\tthis.$select = $filterListing.find( '.jet-listing-grid__item' );\n\t\t\t\t\t\tthis.isSelect = false;\n\t\t\t\t\t\tthis.canDeselect = true;\n\n\t\t\t\t\t\tif ( 'checkboxes' === this.$filter.data( 'smart-filter' ) ) {\n\t\t\t\t\t\t\tthis.isMultiple = true;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.isMultiple = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tthis.$select.each( ( index, el ) => {\n\t\t\t\t\t\t\tel.setAttribute( 'value', el.dataset.postId );\n\t\t\t\t\t\t} );\n\t\t\t\t\t\t\n\t\t\t\t\t\tthis.processData();\n\t\t\t\t\t\tthis.initEvent();\n\t\t\t\t\t\t\n\t\t\t\t\t\twindow.JetSmartFilters.events.subscribe( 'ajaxFilters\/updated', ( provider, queryId, response ) => {\n\t\t\t\t\t\t\tif ( 'jet-engine' === provider && queryId === this.$container.attr( 'id' ) ) {\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tconst $filterListing = this.$container.find( '.jet-listing-grid' );\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t$filterListing.addClass( 'jet-select' );\n\n\t\t\t\t\t\t\t\t$filterListing.data( 'filter-id', $container.data( 'filter-id' ) );\n\t\t\t\t\t\t\t\t$filterListing.attr( 'data-filter-id', $container.data( 'filter-id' ) );\n\t\t\t\t\t\t\t\t$filterListing.data( 'smart-filter', $container.data( 'smart-filter' ) );\n\t\t\t\t\t\t\t\t$filterListing.attr( 'data-smart-filter', $container.data( 'smart-filter' ) );\n\t\t\t\t\t\t\t\t$filterListing.data( 'content-provider', $container.data( 'content-provider' ) );\n\t\t\t\t\t\t\t\t$filterListing.attr( 'data-content-provider', $container.data( 'content-provider' ) );\n\t\t\t\t\t\t\t\t$filterListing.data( 'apply-type', $container.data( 'apply-type' ) );\n\t\t\t\t\t\t\t\t$filterListing.attr( 'data-apply-type', $container.data( 'apply-type' ) );\n\t\t\t\t\t\t\t\t$filterListing.data( 'apply-on', $container.data( 'apply-on' ) );\n\t\t\t\t\t\t\t\t$filterListing.attr( 'data-apply-on', $container.data( 'apply-on' ) );\n\t\t\t\t\t\t\t\t$filterListing.data( 'query-id', $container.data( 'query-id' ) );\n\t\t\t\t\t\t\t\t$filterListing.attr( 'data-query-id', $container.data( 'query-id' ) );\n\t\t\t\t\t\t\t\t$filterListing.data( 'query-type', $container.data( 'query-type' ) );\n\t\t\t\t\t\t\t\t$filterListing.attr( 'data-query-type', $container.data( 'query-type' ) );\n\t\t\t\t\t\t\t\t$filterListing.data( 'query-var', $container.data( 'query-var' ) );\n\t\t\t\t\t\t\t\t$filterListing.attr( 'data-query-var', $container.data( 'query-var' ) );\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tthis.$filter = $filterListing;\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tthis.$select = this.$container.find( '.jet-listing-grid__item' );\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tthis.$select.each( ( index, el ) => {\n\t\t\t\t\t\t\t\t\tel.setAttribute( 'value', el.dataset.postId );\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tthis.addFilterChangeEvent();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\n\t\t\t\t\taddFilterChangeEvent() {\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\tthis.$select.on( 'click', evt => {\n\n\t\t\t\t\t\t\tconst $radioItem = jQuery( evt.target ).closest( '.jet-listing-grid__item' );\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif ( ! this.isMultiple ) {\n\t\t\t\t\t\t\t\tthis.$select.filter('[is-checked=\"1\"]').attr( 'is-checked', null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif ( this.dataValue != $radioItem.attr( 'value' ) ) {\n\t\t\t\t\t\t\t\t$radioItem.attr( 'is-checked', 1 );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t$radioItem.attr( 'is-checked', null );\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tthis.processData();\n\t\t\t\t\t\t\tthis.wasChanged();\n\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tremoveChangeEvent() {\n\t\t\t\t\t\tthis.$select.off();\n\t\t\t\t\t}\n\n\t\t\t\t\tprocessData() {\n\n\t\t\t\t\t\tthis.dataValue = this.$selected.attr( 'value' );\n\t\t\t\t\t\t\n\t\t\t\t\t\tif (!this.dataValue)\n\t\t\t\t\t\t\tthis.checkAllOption();\n\n\t\t\t\t\t\tif (this.additionalFilterSettings)\n\t\t\t\t\t\t\tthis.additionalFilterSettings.dataUpdated();\n\t\t\t\t\t}\n\n\t\t\t\t\tsetData(newData) {\n\t\t\t\t\t\tthis.reset();\n\n\t\t\t\t\t\tif (!newData)\n\t\t\t\t\t\t\treturn;\n\n\t\t\t\t\t\tconst $item = this.getItemByValue(newData);\n\n\t\t\t\t\t\tif ( $item ) {\n\t\t\t\t\t\t\t$item.attr( 'is-checked', 1 );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthis.processData();\n\t\t\t\t\t}\n\n\t\t\t\t\treset() {\n\t\t\t\t\t\tthis.$select.attr( 'is-checked', null );\n\t\t\t\t\t\tthis.processData();\n\t\t\t\t\t}\n\n\t\t\t\t\tget activeValue() {\n\t\t\t\t\t\tconst $item = this.getItemByValue( this.data );\n\n\t\t\t\t\t\tif ( $item ) {\n\t\t\t\t\t\t\tif ( $item.find( '.is-label' ).length ) {\n\t\t\t\t\t\t\t\treturn $item.find( '.is-label' ).text();\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\treturn $item.attr( 'value' );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tget $selected() {\n\t\t\t\t\t\treturn this.$select.filter('[is-checked=\"1\"]');\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Additional methods\n\t\t\t\t\tgetItemByValue(value) {\n\n\t\t\t\t\t\tlet $item = false;\n\n\t\t\t\t\t\t$item = this.$select.filter('[value=\"' + value + '\"]');\n\n\t\t\t\t\t\treturn $item;\n\t\t\t\t\t}\n\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tdocument.addEventListener( 'jet-smart-filters\/before-init', ( e ) => {\n\t\t\t\tinitListingFilter();\n\t\t\t});\n\n\t\t}( jQuery ) );\n\t\t<\/script>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7d4c38 jet-smart-filters-custom-listing elementor-widget elementor-widget-jet-listing-grid\" data-id=\"b7d4c38\" data-element_type=\"widget\" data-settings=\"{&quot;columns&quot;:&quot;4&quot;}\" data-filter-id=\"364\" data-smart-filter=\"select\" data-content-provider=\"jet-engine\" data-apply-type=\"ajax\" data-apply-on=\"value\" data-query-id=\"transport\" data-query-type=\"tax_query\" data-query-var=\"transport-types\" data-widget_type=\"jet-listing-grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"jet-listing-grid jet-listing\"><div class=\"jet-listing-grid__slider\" data-slider_options=\"{&quot;autoplaySpeed&quot;:5000,&quot;autoplay&quot;:false,&quot;pauseOnHover&quot;:true,&quot;infinite&quot;:true,&quot;centerMode&quot;:false,&quot;speed&quot;:500,&quot;arrows&quot;:true,&quot;dots&quot;:false,&quot;slidesToScroll&quot;:1,&quot;prevArrow&quot;:&quot;\\u003Cdiv class=\\u0027jet-listing-grid__slider-icon prev-arrow \\u0027 role=\\u0027button\\u0027 aria-label=\\u0027Previous\\u0027\\u003E\\u003Csvg width=\\u0027180\\u0027 height=\\u0027180\\u0027 viewBox=\\u00270 0 180 180\\u0027 fill=\\u0027none\\u0027 xmlns=\\u0027http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\u0027\\u003E\\u003Cpath d=\\u0027M119 47.3166C119 48.185 118.668 48.9532 118.003 49.6212L78.8385 89L118.003 128.379C118.668 129.047 119 129.815 119 130.683C119 131.552 118.668 132.32 118.003 132.988L113.021 137.998C112.356 138.666 111.592 139 110.729 139C109.865 139 109.101 138.666 108.436 137.998L61.9966 91.3046C61.3322 90.6366 61 89.8684 61 89C61 88.1316 61.3322 87.3634 61.9966 86.6954L108.436 40.002C109.101 39.334 109.865 39 110.729 39C111.592 39 112.356 39.334 113.021 40.002L118.003 45.012C118.668 45.68 119 46.4482 119 47.3166Z\\u0027 fill=\\u0027black\\u0027\\\/\\u003E\\u003C\\\/svg\\u003E\\u003C\\\/div\\u003E&quot;,&quot;nextArrow&quot;:&quot;\\u003Cdiv class=\\u0027jet-listing-grid__slider-icon next-arrow \\u0027 role=\\u0027button\\u0027 aria-label=\\u0027Next\\u0027\\u003E\\u003Csvg width=\\u0027180\\u0027 height=\\u0027180\\u0027 viewBox=\\u00270 0 180 180\\u0027 fill=\\u0027none\\u0027 xmlns=\\u0027http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\u0027\\u003E\\u003Cpath d=\\u0027M119 47.3166C119 48.185 118.668 48.9532 118.003 49.6212L78.8385 89L118.003 128.379C118.668 129.047 119 129.815 119 130.683C119 131.552 118.668 132.32 118.003 132.988L113.021 137.998C112.356 138.666 111.592 139 110.729 139C109.865 139 109.101 138.666 108.436 137.998L61.9966 91.3046C61.3322 90.6366 61 89.8684 61 89C61 88.1316 61.3322 87.3634 61.9966 86.6954L108.436 40.002C109.101 39.334 109.865 39 110.729 39C111.592 39 112.356 39.334 113.021 40.002L118.003 45.012C118.668 45.68 119 46.4482 119 47.3166Z\\u0027 fill=\\u0027black\\u0027\\\/\\u003E\\u003C\\\/svg\\u003E\\u003C\\\/div\\u003E&quot;,&quot;rtl&quot;:false,&quot;itemsCount&quot;:6,&quot;fade&quot;:false,&quot;slidesToShow&quot;:{&quot;desktop&quot;:4,&quot;tablet&quot;:4,&quot;mobile&quot;:4}}\" dir=\"ltr\"><div class=\"jet-listing-grid__items grid-col-desk-4 grid-col-tablet-4 grid-col-mobile-4 jet-listing-grid--332\" data-queried-id=\"320|WP_Post\" data-nav=\"{&quot;enabled&quot;:false,&quot;type&quot;:null,&quot;more_el&quot;:null,&quot;query&quot;:[],&quot;widget_settings&quot;:{&quot;lisitng_id&quot;:332,&quot;posts_num&quot;:6,&quot;columns&quot;:4,&quot;columns_tablet&quot;:4,&quot;columns_mobile&quot;:4,&quot;column_min_width&quot;:240,&quot;column_min_width_tablet&quot;:240,&quot;column_min_width_mobile&quot;:240,&quot;inline_columns_css&quot;:false,&quot;is_archive_template&quot;:&quot;&quot;,&quot;post_status&quot;:[&quot;publish&quot;],&quot;use_random_posts_num&quot;:&quot;&quot;,&quot;max_posts_num&quot;:9,&quot;not_found_message&quot;:&quot;No data was found&quot;,&quot;is_masonry&quot;:false,&quot;equal_columns_height&quot;:&quot;&quot;,&quot;use_load_more&quot;:&quot;&quot;,&quot;load_more_id&quot;:&quot;&quot;,&quot;load_more_type&quot;:&quot;click&quot;,&quot;load_more_offset&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;use_custom_post_types&quot;:&quot;&quot;,&quot;custom_post_types&quot;:[],&quot;hide_widget_if&quot;:&quot;&quot;,&quot;carousel_enabled&quot;:&quot;yes&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;arrows&quot;:&quot;true&quot;,&quot;arrow_icon&quot;:&quot;fa fa-angle-left&quot;,&quot;dots&quot;:&quot;&quot;,&quot;autoplay&quot;:&quot;true&quot;,&quot;pause_on_hover&quot;:&quot;true&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;true&quot;,&quot;center_mode&quot;:&quot;&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500,&quot;inject_alternative_items&quot;:&quot;&quot;,&quot;injection_items&quot;:[],&quot;scroll_slider_enabled&quot;:&quot;&quot;,&quot;scroll_slider_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;custom_query&quot;:false,&quot;custom_query_id&quot;:&quot;&quot;,&quot;_element_id&quot;:&quot;&quot;,&quot;collapse_first_last_gap&quot;:false,&quot;list_tag_selection&quot;:&quot;&quot;,&quot;list_items_wrapper_tag&quot;:&quot;div&quot;,&quot;list_item_tag&quot;:&quot;div&quot;,&quot;empty_items_wrapper_tag&quot;:&quot;div&quot;}}\" data-page=\"1\" data-pages=\"1\" data-listing-source=\"query\" data-listing-id=\"332\" data-query-id=\"10\"><div class=\"jet-listing-grid__item jet-listing-dynamic-post-5\" data-post-id=\"5\"  ><style>.transport-type {\n\tdisplay: flex;\n\tbackground: #3858E9;\n\tcolor: #fff;\n\tpadding: 10px 15px;\n\tgap: 15px;\n\talign-items: center;\n\tborder: 2px solid #3858E9;\n\tcursor: pointer;\n\tborder-radius: 3px;\n}\n.transport-type:hover,\n.jet-listing-grid__item[is-checked=\"1\"] .transport-type {\n\tborder-color: #fff;\n}\n.transport-type__icon {\n\tcolor: #fff;\n\tbackground: #3858E9;\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-sizing: border-box;\n\tborder-radius: 50%;\n\tborder: 2px solid #fff;\n\tflex: 0 0 48px;\n}\n.transport-type__icon svg {\n\twidth: 24px;\n\theight: 24px;\n}\n.transport-type__icon path {\n\tfill: currentcolor;\n}\n\n.transport-type__title {\n\tfont-size: 16px;\n\tfont-weight: bold;\n}\n.transport-type__desc {\n\tfont-size: 11px;\n\topacity: .7\n}<\/style><div class=\"transport-type\">\n\t<div class=\"transport-type__icon\">\n\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.84 10.019C37.44 8.83902 36.32 7.99902 35 7.99902H13C11.68 7.99902 10.58 8.83902 10.16 10.019L6.22 21.359C6.08 21.779 6 22.219 6 22.679V36.999C6 38.659 7.34 39.999 9 39.999C10.66 39.999 12 38.659 12 36.999V35.999H36V36.999C36 38.639 37.34 39.999 39 39.999C40.64 39.999 42 38.659 42 36.999V22.679C42 22.239 41.92 21.779 41.78 21.359L37.84 10.019ZM13 29.999C11.34 29.999 10 28.659 10 26.999C10 25.339 11.34 23.999 13 23.999C14.66 23.999 16 25.339 16 26.999C16 28.659 14.66 29.999 13 29.999ZM35 29.999C33.34 29.999 32 28.659 32 26.999C32 25.339 33.34 23.999 35 23.999C36.66 23.999 38 25.339 38 26.999C38 28.659 36.66 29.999 35 29.999ZM10 19.999L12.54 12.359C12.82 11.559 13.58 10.999 14.44 10.999H33.56C34.42 10.999 35.18 11.559 35.46 12.359L38 19.999H10Z\" fill=\"#5C6773\"\/>\n<\/svg>\n\n\t<\/div>\n\t<div class=\"transport-type__content\">\n\t\t<div class=\"transport-type__title\">\n\t\t\tCars\n\t\t<\/div>\n\t\t<div class=\"transport-type__desc\">\n\t\t\tAny 4-wheels cars you may ever want to buy\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"jet-listing-grid__item jet-listing-dynamic-post-6\" data-post-id=\"6\"  ><div class=\"transport-type\">\n\t<div class=\"transport-type__icon\">\n\t\t<svg width=\"48\" height=\"49\" viewBox=\"0 0 48 49\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M44 27.48C42.56 26.52 40.86 25.96 39 25.96C34.38 25.96 30.6 29.48 30.1 33.96H23.82C23.92 33.3 24 32.64 24 31.96C24 28.88 22.82 26.08 20.92 23.96H22C24.2 23.96 26 22.16 26 19.96V15.38L23.88 13.26L21.76 15.38C21.36 15.78 20.74 15.78 20.34 15.38C19.94 14.98 19.94 14.36 20.34 13.96L26 8.3C26.4 7.9 27.02 7.9 27.42 8.3C27.82 8.7 27.82 9.32 27.42 9.72L25.3 11.84L27.42 13.96H40C42.2 13.96 44 15.76 44 17.96V27.48ZM32 34.96C32 31.1 35.14 27.96 39 27.96C42.86 27.96 46 31.1 46 34.96C46 38.82 42.86 41.96 39 41.96C35.14 41.96 32 38.82 32 34.96ZM36 34.96C36 36.62 37.34 37.96 39 37.96C40.66 37.96 42 36.62 42 34.96C42 33.3 40.66 31.96 39 31.96C37.34 31.96 36 33.3 36 34.96ZM8 19.96H18C18 17.76 16.2 15.96 14 15.96H8C6.9 15.96 6 16.86 6 17.96C6 19.08 6.9 19.96 8 19.96ZM19.3 28.66L19.66 29.6L21.48 28.9C21.78 29.86 22 30.88 22 31.94C22 33.22 21.74 34.44 21.3 35.58L19.5 34.78L19.08 35.7L20.86 36.5C19.82 38.56 18.12 40.2 16 41.12L15.3 39.26L14.36 39.62L15.06 41.44C14.1 41.74 13.08 41.96 12.02 41.96C10.74 41.96 9.52 41.7 8.38 41.26L9.18 39.46L8.26 39.04L7.46 40.82C5.4 39.78 3.76 38.08 2.84 35.96L4.7 35.26L4.34 34.32L2.52 35C2.22 34.04 2 33.02 2 31.96C2 30.68 2.26 29.46 2.7 28.36L4.5 29.16L4.92 28.24L3.14 27.44C4.18 25.38 5.88 23.74 8 22.82L8.7 24.66L9.64 24.3L8.96 22.48C9.92 22.18 10.94 21.96 12 21.96C13.28 21.96 14.52 22.24 15.62 22.66L14.82 24.46L15.74 24.88L16.54 23.1C18.6 24.14 20.24 25.84 21.16 27.96L19.3 28.66ZM6.46 34.28C7.72 37.34 11.24 38.78 14.3 37.52C17.36 36.24 18.82 32.74 17.54 29.68C16.28 26.62 12.76 25.18 9.7 26.44C6.64 27.7 5.2 31.22 6.46 34.28Z\" fill=\"#5C6773\"\/>\n<\/svg>\n\n\t<\/div>\n\t<div class=\"transport-type__content\">\n\t\t<div class=\"transport-type__title\">\n\t\t\tMachinery\n\t\t<\/div>\n\t\t<div class=\"transport-type__desc\">\n\t\t\tFarming machines or anything like this\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"jet-listing-grid__item jet-listing-dynamic-post-7\" data-post-id=\"7\"  ><div class=\"transport-type\">\n\t<div class=\"transport-type__icon\">\n\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M40 22.1528C39.64 22.1528 39.28 22.2128 38.94 22.2528L34.82 18.1528H38C39.1 18.1528 40 17.2528 40 16.1528V15.3928C40 13.9128 38.44 12.9328 37.1 13.6128L32.54 15.8928L27.4 10.7528C27.04 10.3728 26.52 10.1528 26 10.1528H20C18.9 10.1528 18 11.0528 18 12.1528C18 13.2528 18.9 14.1528 20 14.1528H24.34C24.88 14.1528 25.38 14.3728 25.76 14.7328L29.18 18.1528H22.48C22.16 18.1528 21.86 18.2328 21.58 18.3728L15.3 21.5128C14.54 21.8928 13.6 21.7528 13 21.1328L10.6 18.7328C10.22 18.3728 9.7 18.1528 9.18 18.1528H2C0.9 18.1528 0 19.0528 0 20.1528C0 21.2528 0.9 22.1528 2 22.1528H8C2.96 22.1528 -0.98 26.7928 0.22 32.0328C0.88 34.9328 3.22 37.2728 6.12 37.9328C11.36 39.1328 16 35.1928 16 30.1528L18.82 32.9728C19.58 33.7328 20.6 34.1528 21.66 34.1528H23.68C25.12 34.1528 26.44 33.3928 27.16 32.1328L32.98 21.9528L35 23.9728C32.74 25.7928 31.48 28.7928 32.24 32.0728C32.92 34.9528 35.26 37.2928 38.14 37.9528C43.36 39.1328 48 35.1728 48 30.1528C48 25.7328 44.42 22.1528 40 22.1528ZM8 34.1528C5.8 34.1528 4 32.3528 4 30.1528C4 27.9528 5.8 26.1528 8 26.1528C10.2 26.1528 12 27.9528 12 30.1528C12 32.3528 10.2 34.1528 8 34.1528ZM40 34.1528C37.8 34.1528 36 32.3528 36 30.1528C36 27.9528 37.8 26.1528 40 26.1528C42.2 26.1528 44 27.9528 44 30.1528C44 32.3528 42.2 34.1528 40 34.1528Z\" fill=\"#5C6773\"\/>\n<\/svg>\n\n\t<\/div>\n\t<div class=\"transport-type__content\">\n\t\t<div class=\"transport-type__title\">\n\t\t\tMototechnics\n\t\t<\/div>\n\t\t<div class=\"transport-type__desc\">\n\t\t\tChoppers of your dream and not only\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"jet-listing-grid__item jet-listing-dynamic-post-8\" data-post-id=\"8\"  ><div class=\"transport-type\">\n\t<div class=\"transport-type__icon\">\n\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M39.4057 17.508L32.2057 20.868L27.5457 16.208V13.408L32.2057 8.74798L39.4057 12.108C40.1657 12.468 41.0457 12.128 41.4057 11.388C41.7657 10.628 41.4257 9.74798 40.6857 9.38798L32.8457 5.72798C32.0857 5.36798 31.1857 5.52798 30.5857 6.12798L27.1057 9.60798C26.7457 9.12798 26.1857 8.80798 25.5457 8.80798C24.4457 8.80798 23.5457 9.70798 23.5457 10.808V12.808H17.1857C16.2257 10.128 13.4657 8.30798 10.3457 8.92798C8.00571 9.38798 6.08571 11.308 5.64571 13.648C5.14571 16.328 6.44571 18.728 8.50571 19.968L13.7057 36.808H10.5457C8.88571 36.808 7.54571 38.148 7.54571 39.808C7.54571 41.468 8.88571 42.808 10.5457 42.808H30.5457C32.2057 42.808 33.5457 41.468 33.5457 39.808C33.5457 38.148 32.2057 36.808 30.5457 36.808H26.3057L16.3657 18.348C16.7057 17.868 16.9857 17.368 17.1857 16.808H23.5457V18.808C23.5457 19.908 24.4457 20.808 25.5457 20.808C26.1857 20.808 26.7457 20.488 27.1057 20.008L30.5857 23.488C31.1857 24.088 32.0857 24.248 32.8457 23.888L40.6857 20.228C41.4457 19.868 41.7657 18.988 41.4057 18.228C41.0457 17.488 40.1657 17.148 39.4057 17.508ZM11.5457 16.808C10.4457 16.808 9.54571 15.908 9.54571 14.808C9.54571 13.708 10.4457 12.808 11.5457 12.808C12.6457 12.808 13.5457 13.708 13.5457 14.808C13.5457 15.908 12.6457 16.808 11.5457 16.808Z\" fill=\"#5C6773\"\/>\n<\/svg>\n\n\t<\/div>\n\t<div class=\"transport-type__content\">\n\t\t<div class=\"transport-type__title\">\n\t\t\tSpecial Machinery\n\t\t<\/div>\n\t\t<div class=\"transport-type__desc\">\n\t\t\tAny machines you may need on your workground\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"jet-listing-grid__item jet-listing-dynamic-post-9\" data-post-id=\"9\"  ><div class=\"transport-type\">\n\t<div class=\"transport-type__icon\">\n\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M24 3.99902C16 3.99902 8 4.99902 8 11.999V30.999C8 32.899 8.76 34.619 10 35.879V38.999C10 40.659 11.34 41.999 13 41.999C14.66 41.999 16 40.659 16 38.999V37.999H32V38.999C32 40.639 33.34 41.999 35 41.999C36.64 41.999 38 40.659 38 38.999V35.879C39.24 34.619 40 32.899 40 30.999V11.999C40 4.99902 32.84 3.99902 24 3.99902ZM17 31.999C15.34 31.999 14 30.659 14 28.999C14 27.339 15.34 25.999 17 25.999C18.66 25.999 20 27.339 20 28.999C20 30.659 18.66 31.999 17 31.999ZM31 31.999C29.34 31.999 28 30.659 28 28.999C28 27.339 29.34 25.999 31 25.999C32.66 25.999 34 27.339 34 28.999C34 30.659 32.66 31.999 31 31.999ZM36 19.999H12V13.999H36V19.999Z\" fill=\"#5C6773\"\/>\n<\/svg>\n\n\t<\/div>\n\t<div class=\"transport-type__content\">\n\t\t<div class=\"transport-type__title\">\n\t\t\tTrucks and Buses\n\t\t<\/div>\n\t\t<div class=\"transport-type__desc\">\n\t\t\tWide range public transportation variants\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"jet-listing-grid__item jet-listing-dynamic-post-4\" data-post-id=\"4\"  ><div class=\"transport-type\">\n\t<div class=\"transport-type__icon\">\n\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M40 41.999C37.62 41.999 35.24 41.299 33.06 40.039C32.4 39.659 31.6 39.659 30.92 40.039C26.58 42.559 21.4 42.559 17.06 40.039C16.4 39.659 15.6 39.659 14.92 40.039C12.76 41.299 10.38 41.999 8 41.999H6C4.9 41.999 4 42.899 4 43.999C4 45.099 4.9 45.999 6 45.999H8C10.76 45.999 13.48 45.299 16 44.019C21.04 46.599 26.96 46.599 32 44.019C34.52 45.319 37.24 45.999 40 45.999H42C43.1 45.999 44 45.099 44 43.999C44 42.899 43.1 41.999 42 41.999H40ZM7.9 37.999H8C10.54 37.999 12.84 36.899 14.66 35.339C15.44 34.659 16.56 34.659 17.34 35.339C19.16 36.899 21.46 37.999 24 37.999C26.54 37.999 28.84 36.899 30.66 35.339C31.44 34.659 32.56 34.659 33.34 35.339C35.16 36.899 37.46 37.999 40 37.999H40.1L43.9 24.639C44.12 23.899 43.98 22.519 42.58 22.079L40 21.239V11.999C40 9.79902 38.2 7.99902 36 7.99902H30V3.99902C30 2.89902 29.1 1.99902 28 1.99902H20C18.9 1.99902 18 2.89902 18 3.99902V7.99902H12C9.8 7.99902 8 9.79902 8 11.999V21.239L5.42 22.079C4.16 22.459 3.8 23.759 4.1 24.639L7.9 37.999ZM12 11.999H36V19.939L25.24 16.399C24.42 16.139 23.56 16.139 22.74 16.399L12 19.939V11.999Z\" fill=\"#5C6773\"\/>\n<\/svg>\n\n\t<\/div>\n\t<div class=\"transport-type__content\">\n\t\t<div class=\"transport-type__title\">\n\t\t\tWater Transport\n\t\t<\/div>\n\t\t<div class=\"transport-type__desc\">\n\t\t\tLook for your first yacht right here\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23936e8 e-flex e-con-boxed e-con e-parent\" data-id=\"23936e8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4912943 elementor-widget elementor-widget-jet-listing-grid\" data-id=\"4912943\" data-element_type=\"widget\" id=\"transport\" data-settings=\"{&quot;columns&quot;:&quot;2&quot;}\" data-widget_type=\"jet-listing-grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"jet-listing-grid jet-listing\"><div class=\"jet-listing-grid__items grid-col-desk-2 grid-col-tablet-2 grid-col-mobile-2 jet-listing-grid--318\" data-queried-id=\"320|WP_Post\" data-nav=\"{&quot;enabled&quot;:false,&quot;type&quot;:null,&quot;more_el&quot;:null,&quot;query&quot;:[],&quot;widget_settings&quot;:{&quot;lisitng_id&quot;:318,&quot;posts_num&quot;:6,&quot;columns&quot;:2,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:2,&quot;column_min_width&quot;:240,&quot;column_min_width_tablet&quot;:240,&quot;column_min_width_mobile&quot;:240,&quot;inline_columns_css&quot;:false,&quot;is_archive_template&quot;:&quot;&quot;,&quot;post_status&quot;:[&quot;publish&quot;],&quot;use_random_posts_num&quot;:&quot;&quot;,&quot;max_posts_num&quot;:9,&quot;not_found_message&quot;:&quot;No data was found&quot;,&quot;is_masonry&quot;:false,&quot;equal_columns_height&quot;:&quot;&quot;,&quot;use_load_more&quot;:&quot;&quot;,&quot;load_more_id&quot;:&quot;&quot;,&quot;load_more_type&quot;:&quot;click&quot;,&quot;load_more_offset&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;use_custom_post_types&quot;:&quot;&quot;,&quot;custom_post_types&quot;:[],&quot;hide_widget_if&quot;:&quot;&quot;,&quot;carousel_enabled&quot;:&quot;&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;arrows&quot;:&quot;true&quot;,&quot;arrow_icon&quot;:&quot;fa fa-angle-left&quot;,&quot;dots&quot;:&quot;&quot;,&quot;autoplay&quot;:&quot;true&quot;,&quot;pause_on_hover&quot;:&quot;true&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;true&quot;,&quot;center_mode&quot;:&quot;&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500,&quot;inject_alternative_items&quot;:&quot;&quot;,&quot;injection_items&quot;:[],&quot;scroll_slider_enabled&quot;:&quot;&quot;,&quot;scroll_slider_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;custom_query&quot;:false,&quot;custom_query_id&quot;:&quot;&quot;,&quot;_element_id&quot;:&quot;transport&quot;,&quot;collapse_first_last_gap&quot;:false,&quot;list_tag_selection&quot;:&quot;&quot;,&quot;list_items_wrapper_tag&quot;:&quot;div&quot;,&quot;list_item_tag&quot;:&quot;div&quot;,&quot;empty_items_wrapper_tag&quot;:&quot;div&quot;}}\" data-page=\"1\" data-pages=\"3\" data-listing-source=\"query\" data-listing-id=\"318\" data-query-id=\"9\"><div class=\"jet-listing-grid__item jet-listing-dynamic-post-310\" data-post-id=\"310\"  ><style>.transport-item {\n\tpadding: 30px;\n\tborder: 1px solid var( --e-global-color-808d629 );\n\tborder-radius: 3px;\n\tdisplay: flex;\n\tgap: 30px;\n\talign-items: center;\n}\n\n.transport-item__thumb img {\n\tdisplay: block;\n}\n.transport-item__content {\n\tflex: 1 1 auto;\n\tfont-size: 14px;\n\tline-height: 1.5em;\n}\n.transport-item__title {\n\tcolor: var(--e-global-color-secondary);\n    font-family: \"EB Garamond\", Sans-serif;\n\tpadding: 0 0 15px;\n\tfont-size: 20px;\n}\n.transport-item__button {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin: 15px 0 0 0;\n}<\/style><div class=\"transport-item\">\n\t<div class=\"transport-item__thumb\">\n\t\t<img decoding=\"async\" src=\"https:\/\/demo.crocoblock.com\/lab\/wp-content\/uploads\/2024\/02\/Porsche-Cayenne-Magnum-image1-1-150x150.jpg\" alt=\"Porsche Cayenne Magnum\">\n\t<\/div>\n\t<div class=\"transport-item__content\">\n\t\t<div class=\"transport-item__title\">\n\t\t\tPorsche Cayenne Magnum\n\t\t<\/div>\n\t\t<div class=\"transport-item__meta\">\n\t\t\t<div class=\"transport-item__meta-row\">\n\t\t\t\t<b>Price:<\/b> $30,000.00\n\t\t\t<\/div>\n\t\t\t<div class=\"transport-item__meta-row\">\n\t\t\t\t<b>Year:<\/b> 2016\n\t\t\t<\/div>\n\t\t\t<a href=\"https:\/\/demo.crocoblock.com\/lab\/transport\/porsche-cayenne-magnum\/\" class=\"transport-item__button elementor-button\">Read More<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"jet-listing-grid__item jet-listing-dynamic-post-308\" data-post-id=\"308\"  ><div class=\"transport-item\">\n\t<div class=\"transport-item__thumb\">\n\t\t<img decoding=\"async\" src=\"https:\/\/demo.crocoblock.com\/lab\/wp-content\/uploads\/2024\/02\/Suzuki-SX4-image1-1-150x150.jpg\" alt=\"Suzuki SX4\">\n\t<\/div>\n\t<div class=\"transport-item__content\">\n\t\t<div class=\"transport-item__title\">\n\t\t\tSuzuki SX4\n\t\t<\/div>\n\t\t<div class=\"transport-item__meta\">\n\t\t\t<div class=\"transport-item__meta-row\">\n\t\t\t\t<b>Price:<\/b> $12,500.00\n\t\t\t<\/div>\n\t\t\t<div class=\"transport-item__meta-row\">\n\t\t\t\t<b>Year:<\/b> 2012\n\t\t\t<\/div>\n\t\t\t<a href=\"https:\/\/demo.crocoblock.com\/lab\/transport\/suzuki-sx4\/\" class=\"transport-item__button elementor-button\">Read More<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"jet-listing-grid__item jet-listing-dynamic-post-306\" data-post-id=\"306\"  ><div class=\"transport-item\">\n\t<div class=\"transport-item__thumb\">\n\t\t<img decoding=\"async\" src=\"https:\/\/demo.crocoblock.com\/lab\/wp-content\/uploads\/2024\/02\/CHALLENGER-MT-765-C-gallery-150x150.jpg\" alt=\"CHALLENGER MT 765 C\">\n\t<\/div>\n\t<div class=\"transport-item__content\">\n\t\t<div class=\"transport-item__title\">\n\t\t\tCHALLENGER MT 765 C\n\t\t<\/div>\n\t\t<div class=\"transport-item__meta\">\n\t\t\t<div class=\"transport-item__meta-row\">\n\t\t\t\t<b>Price:<\/b> $95,000.00\n\t\t\t<\/div>\n\t\t\t<div class=\"transport-item__meta-row\">\n\t\t\t\t<b>Year:<\/b> 2008\n\t\t\t<\/div>\n\t\t\t<a href=\"https:\/\/demo.crocoblock.com\/lab\/transport\/challenger-mt-765-c\/\" class=\"transport-item__button elementor-button\">Read More<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><div class=\"jet-listing-grid__item jet-listing-dynamic-post-304\" data-post-id=\"304\"  ><div class=\"transport-item\">\n\t<div class=\"transport-item__thumb\">\n\t\t<img decoding=\"async\" src=\"https:\/\/demo.crocoblock.com\/lab\/wp-content\/uploads\/2024\/02\/LKT-LKT-81-Turbo-Skider-gallery-150x150.jpg\" alt=\"LKT LKT 81 Turbo Skider\">\n\t<\/div>\n\t<div class=\"transport-item__content\">\n\t\t<div class=\"transport-item__title\">\n\t\t\tLKT LKT 81 Turbo Skider\n\t\t<\/div>\n\t\t<div class=\"transport-item__meta\">\n\t\t\t<div class=\"transport-item__meta-row\">\n\t\t\t\t<b>Price:<\/b> $35,000.00\n\t\t\t<\/div>\n\t\t\t<div class=\"transport-item__meta-row\">\n\t\t\t\t<b>Year:<\/b> 1999\n\t\t\t<\/div>\n\t\t\t<a href=\"https:\/\/demo.crocoblock.com\/lab\/transport\/lkt-lkt-81-turbo-skider\/\" class=\"transport-item__button elementor-button\">Read More<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01cb561 e-flex e-con-boxed e-con e-parent\" data-id=\"01cb561\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a59d675 elementor-widget elementor-widget-heading\" data-id=\"a59d675\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Use <i>JetEngine - listing as filter<\/i> plugin to reproduce this case<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abf8240 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"abf8240\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/github.com\/Crocoblock\/jet-engine-listing-as-filter\/archive\/refs\/heads\/main.zip\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Plugin<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d41c8d e-flex e-con-boxed e-con e-parent\" data-id=\"5d41c8d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff7b2c7 elementor-widget elementor-widget-heading\" data-id=\"ff7b2c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Next Steps:<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c9e3a elementor-list-item-link-inline elementor-icon-list--layout-traditional elementor-widget elementor-widget-icon-list\" data-id=\"f1c9e3a\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">This plugin works on top of <b><a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\">JetEngine<\/a><\/b>, so make sure you have it inatalled and activated<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Create 1st listing, which you need to filter. <b><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-a-listing-template-for-post-types\/\" target=\"_blank\">How to create a listing<\/a><\/b><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Create 2nd listing, which you'll use as filter<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Create a filter itself, which implements filtering logic<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Add both listings to the page where you need<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">In the 2nd listing enable <b>Listing as filter<\/b> option<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Select previously created filter, set provider and other filter settings<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Important!<\/b> Set <b>Query ID<\/b> for 1st listing to make sure filter will be applied to correct listing<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Enjoy the result<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Use listing as filter for another listing Filter Transport by Type: Cars Any 4-wheels cars you may ever want to buy Machinery Farming machines or anything like this Mototechnics Choppers of your dream and not only Special Machinery Any machines you may need on your workground Trucks and Buses Wide range public transportation variants Water [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_jf_limit_responses":"","footnotes":""},"class_list":["post-320","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.crocoblock.com\/lab\/wp-json\/wp\/v2\/pages\/320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.crocoblock.com\/lab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.crocoblock.com\/lab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.crocoblock.com\/lab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.crocoblock.com\/lab\/wp-json\/wp\/v2\/comments?post=320"}],"version-history":[{"count":85,"href":"https:\/\/demo.crocoblock.com\/lab\/wp-json\/wp\/v2\/pages\/320\/revisions"}],"predecessor-version":[{"id":4228,"href":"https:\/\/demo.crocoblock.com\/lab\/wp-json\/wp\/v2\/pages\/320\/revisions\/4228"}],"wp:attachment":[{"href":"https:\/\/demo.crocoblock.com\/lab\/wp-json\/wp\/v2\/media?parent=320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}