{"id":48208,"date":"2025-06-17T07:48:44","date_gmt":"2025-06-17T07:48:44","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=48208"},"modified":"2025-07-03T08:12:24","modified_gmt":"2025-07-03T08:12:24","slug":"displaying-distance-between-users-terms-cct-in-dynamic-field","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/","title":{"rendered":"How to Display Distance Between Users\/Terms\/CCT"},"content":{"rendered":"\n

Users<\/h2>\n\n\n\n
\n

Initially, we will show how to display the distance between the WordPress users and the set address in the JetEngine<\/em>\u2019s Listing Grid<\/strong><\/a> <\/strong>with the Dynamic Field <\/strong>widget<\/a>\/block<\/a>\/element.<\/p>\n\n\n\n

Add a code snippet<\/h3>\n\n\n\n

First, you should add a code snippet to the functions.php <\/strong>file of your child theme or the snippet plugin. For example, we will use the Code Snippets<\/em><\/a> <\/em>plugin.<\/p>\n\n\n\n

Fill in the snippet\u2019s name (in our case, \u201cGeo Distance (Users)\u201d) and paste the following code snippet into the corresponding area:<\/p>\n\n\n\n

add_filter( 'jet-engine\/maps-listings\/add-distance-field\/users', '__return_true' );<\/code><\/pre>\n\n\n\n
Press the \u201cSave Changes and Activate<\/strong>\u201d button.<\/p>\n\n\n\n
\"geo<\/a><\/div>\n\n\n\n
Build a query<\/h3>\n\n\n\n
Next, we should build a query<\/a> for the future listing so it shows only the items within the set Geo Query <\/strong>parameters.<\/p>\n\n\n\n
To do so, go to WordPress Dashboard > JetEngine > Query Builder <\/em><\/strong>and press the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n
Complete the Name <\/strong>of the query. In our case, \u201cUser Geo Query.\u201d<\/p>\n\n\n\n
Then, set the \u201cUsers Query<\/a>\u201d Query Type<\/strong>.<\/p>\n\n\n\n
Scroll down to the Users Query <\/strong>section and adjust the User Role <\/strong>tab if needed. For instance, we select the \u201cSubscriber\u201d Role <\/strong>so that only users with this role will be shown in the listing.<\/p>\n\n\n\n
\"general<\/a><\/div>\n\n\n\n
Proceed to the Geo Search <\/strong>tab. <\/p>\n\n\n\n
Here, pick the center to search around on the presented map or complete the field below it with the coordinates.<\/p>\n\n\n\n
Next, complete the Address Field <\/strong>with the name of the meta field where the address is stored (or two fields if latitude and longitude are stored in different fields). It can be either a \u201cText<\/a>\u201d field(s) <\/strong>or a \u201cMap<\/a>\u201d field. In our case, a \u201cMap\u201d meta field\u2019s Name\/ID <\/strong>is \u201cuser_address.\u201d<\/p>\n\n\n
<\/svg><\/div>
Warning<\/div>
If you use the \u201cText\u201d meta field type for storing address, make sure to add the field(s) to the Meta fields to preload<\/strong> field in the Maps Settings<\/strong> tab of the WordPress Dashboard > JetEngine > JetEngine<\/i><\/strong> directory.<\/p><\/div><\/div>\n\n\n\n
Specify the Distance <\/strong>that will be used as a radius to search around the set center and select Units<\/strong>\u2014\u201cMiles\u201d or \u201cKilometers.\u201d<\/p>\n\n\n\n
\"geo<\/a><\/div>\n\n\n\n
You can also activate the Preview results <\/strong>toggle at the top of the page and check if there is a \u201cgeo_query_distance\u201d value presented in the list. If the preview includes results with \u201cgeo_query_distance\u201d, the query works correctly.<\/p>\n\n\n\n
\"preview<\/a><\/div>\n\n\n\n
Make other changes to the query if needed and press the \u201cAdd Query<\/strong>\u201d button.<\/p>\n\n\n\n
Build a filter<\/h3>\n\n\n\n
Now, we should build a JetSmartFilters <\/em>filter<\/a> that will be used on the front end to set the needed address.<\/p>\n\n\n\n
Proceed to the WordPress Dashboard > Smart Filters > Add New <\/em><\/strong>directory.<\/p>\n\n\n\n
Name a filter (here, \u201cLocation and Distance Filter.\u201d)<\/p>\n\n\n\n
Go to the Filter Settings <\/strong>section and select the Filter Type<\/strong>: it can be either the \u201cUser Geolocation<\/a>\u201d or the \u201cLocation & Distance<\/a>\u201d option. In our case, we select the \u201cLocation & Distance\u201d option so the user can manually type in the needed address and select the radius.<\/p>\n\n\n\n
Next, we also complete the Filter Labels <\/strong>section and press the \u201cUpdate<\/strong>\u201d button to save the filter.<\/p>\n\n\n\n
\"location<\/a><\/div>\n\n\n\n
Create a listing item<\/h3>\n\n\n\n
Now, we should create a listing<\/a> with the users. To do so, head to the WordPress Dashboard > JetEngine > Listings\/Components <\/em><\/strong>directory.\u00a0<\/p>\n\n\n\n
Here, press the \u201cAdd New Item<\/strong>\u201d button to open the pre-editing pop-up. <\/p>\n\n\n\n
Select the \u201cUsers<\/a>\u201d option as the Listing source <\/strong>and set the Listing item name<\/strong>.<\/p>\n\n\n\n
Then, pick any preferred Listing view<\/strong>. For example, we select the \u201cElementor\u201d option.<\/p>\n\n\n\n
Push the \u201cCreate Listing Item<\/strong>\u201d button to open the editor.<\/p>\n\n\n\n
\"set<\/a><\/div>\n\n\n\n
In the editor, you can display the needed information with the help of the JetEngine<\/em>\u2019s dynamic widgets\/blocks<\/a>\/elements. For instance, first, we add a Dynamic Field <\/strong>widget<\/a> that will display the user\u2019s name.<\/p>\n\n\n\n
Next, add one more Dynamic Field <\/strong>to the page.<\/p>\n\n\n\n
Leave the default \u201cPost\/Term\/User\/Object Data\u201d Source <\/strong>and paste the \u201cgeo_query_distance\u201d value in the Object field \/ Meta field \/ Repeater key \/ Component prop<\/strong> field.<\/p>\n\n\n\n
Next, we activate the Filter field output <\/strong>toggle and select the \u201cFormat number\u201d option in the Callback <\/strong>field. We do this so the decimal points of the distance number shorten to two (the \u201c2\u201d value is set by default in the Decimal points <\/strong>field).<\/p>\n\n\n\n
Then, we also activate the Customize field output <\/strong>toggle and paste the \u201cGeo: %s km\u201d value into the Field format<\/strong> field, where \u201c%s\u201d is the dynamic number value.<\/p>\n\n\n\n
\"dynamic<\/a><\/div>\n\n\n\n
Customize the page further if needed and press the \u201cPublish<\/strong>\u201d button.<\/p>\n\n\n\n
Add a listing to the page<\/h3>\n\n\n\n
Next, go to WordPress Dashboard > Pages <\/em><\/strong>and add a new page or select the already created one and open it in the editor. For instance, we open the page in Elementor.<\/p>\n\n\n\n
Add a Listing Grid<\/strong><\/a> <\/strong>or Map Listing<\/strong><\/a> <\/strong>to the page to display a recently built user\u2019s listing. Now, we add a Listing Grid<\/strong> widget.<\/p>\n\n\n\n
Select the previously created Listing <\/strong>in the General <\/strong>tab.<\/p>\n\n\n\n
\"general<\/a><\/div>\n\n\n\n
Open the Custom Query <\/strong>tab and activate the Use Custom Query <\/strong>toggle.<\/p>\n\n\n\n
Select the built query in the Custom Query <\/strong>field.<\/p>\n\n\n\n
\"custom<\/a><\/div>\n\n\n\n
Next, add a Location and distance <\/strong>or User Geolocation <\/strong>widget to the page to define the point that will be taken for listing filtering. As we have created the \u201cLocation & Distance\u201d filter beforehand, we add a Location and distance <\/strong>widget.<\/p>\n\n\n\n
Pick a previously built filter in the Select filter <\/strong>field and select the \u201cJetEngine\u201d option as a provider in the This filter for <\/strong>field.<\/p>\n\n\n\n
\"content<\/a><\/div>\n\n\n\n
Also, optionally, proceed to the Distance List <\/strong>to change the distance values displayed in the filter. For example, we set the \u201c100\u201d km, \u201c200\u201d km, and \u201c500\u201d km values.<\/p>\n\n\n\n
\"distance<\/a><\/div>\n\n\n\n
Adjust the following settings if needed and click the \u201cPublish<\/strong>\u201d button to save the result.<\/p>\n\n\n\n
Check the result<\/h3>\n\n\n\n
Proceed to the front-end to check the result.<\/p>\n\n\n\n
First, you will observe the filter and a listing. As we have the Location and distance <\/strong>filter, we paste the address in the corresponding text field and select the distance radius in the dropdown near the field.<\/p>\n\n\n\n
\"users<\/a><\/div>\n\n\n\n
Once done, the listing is filtered, and the user(s) within the set radius of the entered address will be shown.<\/p>\n\n\n\n
\"user<\/a><\/div>\n<\/div><\/div>\n\n\n\n
Terms<\/h2>\n\n\n\n
\n
Next, we will show how to display the distance between WordPress terms and the set address with the help of the JetEngine<\/em>\u2019s Listing template <\/strong>and Dynamic Field <\/strong>widget\/block\/element.<\/p>\n\n\n\n
Add a code snippet<\/h3>\n\n\n\n
First, you should add a code snippet to the functions.php <\/strong>file of your child theme or the snippet plugin. For example, we will use the Code Snippets <\/em>plugin.<\/p>\n\n\n\n
Fill in the snippet\u2019s name (here, \u201cGeo Distance (Terms)\u201d) and paste the following code snippet into the corresponding area:<\/p>\n\n\n\n
add_filter( 'jet-engine\/maps-listings\/add-distance-field\/terms', '__return_true' );<\/code><\/pre>\n\n\n\n
Press the \u201cSave Changes and Activate<\/strong>\u201d button.<\/p>\n\n\n\n
\"geo<\/a><\/div>\n\n\n\n
Build a query<\/h3>\n\n\n\n
Go to WordPress Dashboard > JetEngine > Query Builder <\/em><\/strong>and press the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n
Complete the Name <\/strong>of the query. In our case, \u201cTerms Geo<\/a>.\u201d<\/p>\n\n\n\n
Then, set the \u201cTerms Query\u201d Query Type<\/strong>.<\/p>\n\n\n\n
Scroll down to the Terms Query <\/strong>section and select the Taxonomy <\/strong>in the opened General <\/strong>tab.<\/p>\n\n\n\n
\"general<\/a><\/div>\n\n\n\n
Proceed to the Geo Search <\/strong>tab. <\/p>\n\n\n\n
Here, pick the center to search around on the presented map or complete the field below it with the coordinates.<\/p>\n\n\n\n
Next, complete the Address Field <\/strong>with the name of the meta field where the address is stored (or two fields if latitude and longitude are stored in different fields). In our case, \u201caddress_city.\u201d<\/p>\n\n\n
<\/svg><\/div>
Warning<\/div>
If you use the \u201cText\u201d meta field type for storing address, make sure to add the field(s) to the Meta fields to preload<\/strong> field in the Maps Settings<\/strong> tab of the WordPress Dashboard > JetEngine > JetEngine<\/i><\/strong> directory.<\/p><\/div><\/div>\n\n\n\n
Specify the Distance <\/strong>that will be set as a radius to search around the set center and select Units<\/strong>\u2014\u201cMiles\u201d or \u201cKilometers.\u201d<\/p>\n\n\n\n
You can also activate the Preview results <\/strong>toggle at the top of the page and check if there is a \u201cgeo_query_distance\u201d value presented in the list. If so, the query works correctly.<\/p>\n\n\n\n
\"geo<\/a><\/div>\n\n\n\n
Make other changes to the query if needed and press the \u201cAdd Query<\/strong>\u201d button.<\/p>\n\n\n\n
Build a filter<\/h3>\n\n\n\n
Now, we should build a filter that will be used on the front end to set the needed address.<\/p>\n\n\n\n
Proceed to the WordPress Dashboard > Smart Filters > Add New <\/em><\/strong>directory.<\/p>\n\n\n\n
Name a filter (here, \u201cLocation and Distance Filter.\u201d)<\/p>\n\n\n\n
Go to the Filter Settings <\/strong>section and select the Filter Type<\/strong>: it can be either the \u201cUser Geolocation\u201d or the \u201cLocation & Distance\u201d option. In our case, we select the \u201cLocation & Distance\u201d option so the user can manually type in the needed address and select the radius.<\/p>\n\n\n\n
Next, we also complete the Filter Labels <\/strong>section and press the \u201cUpdate<\/strong>\u201d button to save the filter.<\/p>\n\n\n\n
\"location<\/a><\/div>\n\n\n\n
Create a listing item<\/h3>\n\n\n\n
Now, head to the WordPress Dashboard > JetEngine > Listings\/Components <\/em><\/strong>directory. <\/p>\n\n\n\n
Here, press the \u201cAdd New Item<\/strong>\u201d button to open the pre-editing pop-up. <\/p>\n\n\n\n
Select the \u201cTerms<\/a>\u201d option as the Listing source<\/strong>, pick the needed option in the From taxonomy <\/strong>field, <\/strong>and set the Listing item name<\/strong>.<\/p>\n\n\n\n
Then, pick any preferred Listing view<\/strong>. For example, we select the \u201cElementor\u201d option.<\/p>\n\n\n\n
Push the \u201cCreate Listing Item<\/strong>\u201d button to open the editor.<\/p>\n\n\n\n
\"set<\/a><\/div>\n\n\n\n
In the editor, you can display the needed information with the help of the JetEngine<\/em>\u2019s dynamic widgets\/blocks\/elements.<\/p>\n\n\n\n
Next, add a Dynamic Field <\/strong>to the page.<\/p>\n\n\n\n
Leave the default \u201cPost\/Term\/User\/Object Data\u201d Source <\/strong>and paste the \u201cgeo_query_distance\u201d value in the Object field \/ Meta field \/ Repeater key \/ Component prop<\/strong> field.<\/p>\n\n\n\n
Next, we activate the Filter field output <\/strong>toggle and select the \u201cFormat number\u201d option in the Callback <\/strong>field. We do this so the decimal points of the distance number shorten to two (the \u201c2\u201d value is set by default in the Decimal points <\/strong>field).<\/p>\n\n\n\n
Then, we also activate the Customize field output <\/strong>toggle and paste the \u201cGeo: %s km\u201d value into the Field format<\/strong> field, where \u201c%s\u201d is the dynamic number value.<\/p>\n\n\n\n
\"dynamic<\/a><\/div>\n\n\n\n
Customize the page further if needed and press the \u201cPublish<\/strong>\u201d button.<\/p>\n\n\n\n
Add a listing to the page<\/h3>\n\n\n\n
Next, go to WordPress Dashboard > Pages <\/em><\/strong>and add a new page or select the already edited one and open it in the editor. For instance, we open the page in Elementor.<\/p>\n\n\n\n
Add a Location and distance <\/strong>or User Geolocation <\/strong>widget to the page. For example, we add a Location and distance <\/strong>widget as we built the filter for this type earlier.<\/p>\n\n\n\n
Pick a previously built filter in the Select filter <\/strong>field and select the \u201cJetEngine\u201d option as a provider in the This filter for <\/strong>field.<\/p>\n\n\n\n
Next, add a Listing Grid <\/strong>or Map Listing <\/strong>to the page. For example, we add a Listing Grid<\/strong> widget.<\/p>\n\n\n\n
Select the previously created Listing <\/strong>in the General <\/strong>tab.<\/p>\n\n\n\n
\"general<\/a><\/div>\n\n\n\n
Open the Custom Query <\/strong>tab and activate the Use Custom Query <\/strong>toggle.<\/p>\n\n\n\n
Select the built query in the Custom Query <\/strong>field.<\/p>\n\n\n\n
\"custom<\/a><\/div>\n\n\n\n
Adjust the following settings if needed and click the \u201cPublish<\/strong>\u201d button to save the result.<\/p>\n\n\n\n
Check the result<\/h3>\n\n\n\n
Proceed to the front-end to check the result.<\/p>\n\n\n\n
Paste the address in the filter and select the radius in the dropdown. If everything is set correctly, you will see the filtered terms.<\/p>\n\n\n\n
\"term<\/a><\/div>\n<\/div><\/div>\n\n\n\n
CCT<\/h2>\n\n\n\n
\n
Now, we will show how to display the distance between the Custom Content Type (CCT)<\/strong><\/a> <\/strong>items and the set address in the JetEngine<\/em>\u2019s listing with the Dynamic Field<\/strong> widget\/block\/element.<\/p>\n\n\n\n
Add a code snippet<\/h3>\n\n\n\n
First, you should add a code snippet to the functions.php <\/strong>file of your child theme or the snippet plugin. For example, we will use the Code Snippets <\/em>plugin.<\/p>\n\n\n\n
Fill in the snippet\u2019s name (here, \u201cGeo Distance (CCT)\u201d) and paste the following code snippet into the corresponding area:<\/p>\n\n\n\n
add_filter('jet-engine\/maps-listings\/add-distance-field\/custom-content-type','__return_true' );<\/code><\/pre>\n\n\n\n
Press the \u201cSave Changes and Activate<\/strong>\u201d button.<\/p>\n\n\n\n
\"geo<\/a><\/div>\n\n\n\n
Build a query<\/h3>\n\n\n\n
Now, go to WordPress Dashboard > JetEngine > Query Builder <\/em><\/strong>and press the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n
Complete the Name <\/strong>of the query. In our case, \u201cCCT Geo.\u201d<\/p>\n\n\n\n
Then, set the \u201cCustom Content Type Query<\/a>\u201d Query Type<\/strong>.<\/p>\n\n\n\n
\"general<\/a><\/div>\n\n\n\n
Proceed to the Content Types Query <\/strong>section and select the CCT <\/strong>you want to work with in the From Content Type <\/strong>selector.<\/p>\n\n\n\n
Here, pick the center to search around on the presented map or complete the field below it with the coordinates.<\/p>\n\n\n\n
Next, complete the Address Field <\/strong>with the name of the meta field where the address is stored (or two fields if latitude and longitude are stored in different fields). In our case, \u201clocation_address.\u201d<\/p>\n\n\n
<\/svg><\/div>
Warning<\/div>
If you use the \u201cText\u201d meta field type for storing address, make sure to add the field(s) to the Meta fields to preload<\/strong> field in the Maps Settings<\/strong> tab of the WordPress Dashboard > JetEngine > JetEngine<\/i><\/strong> directory.<\/p><\/div><\/div>\n\n\n\n
Specify the Distance <\/strong>that will be set as a radius to search around the set center and select Units<\/strong>\u2014\u201cMiles\u201d or \u201cKilometers.\u201d<\/p>\n\n\n\n
You can also activate the Preview results <\/strong>toggle at the top of the page and check if there is a \u201cgeo_query_distance\u201d value presented in the list. If so, the query works correctly.<\/p>\n\n\n\n
\"geo<\/a><\/div>\n\n\n\n
Make other changes to the query if needed and press the \u201cAdd Query<\/strong>\u201d button.<\/p>\n\n\n\n
Build a filter<\/h3>\n\n\n\n
Now, we should build a filter that will be used on the front end to set the needed address.<\/p>\n\n\n\n
To do so, proceed to the WordPress Dashboard > Smart Filters > Add New <\/em><\/strong>directory.<\/p>\n\n\n\n
Name a filter (here, \u201cLocation and Distance Filter.\u201d)<\/p>\n\n\n\n
Head to the Filter Settings <\/strong>section and select the Filter Type<\/strong>: it can be either the \u201cUser Geolocation\u201d or the \u201cLocation & Distance\u201d option. In our case, we select the \u201cLocation & Distance\u201d option so the user can manually type in the needed address and select the radius.<\/p>\n\n\n\n
Next, we also complete the Filter Labels <\/strong>section and press the \u201cUpdate<\/strong>\u201d button to save the filter.<\/p>\n\n\n\n
\"location<\/a><\/div>\n\n\n\n
Create a listing item<\/h3>\n\n\n\n
Now, head to the WordPress Dashboard > JetEngine > Listings\/Components <\/em><\/strong>directory. <\/p>\n\n\n\n
Here, press the \u201cAdd New Item<\/strong>\u201d button to open the pre-editing pop-up. <\/p>\n\n\n\n
Select the \u201cCustom Content Type<\/a>\u201d option as the Listing source<\/strong>, pick the needed option in the From taxonomy <\/strong>field, <\/strong>and set the Listing item name<\/strong>.<\/p>\n\n\n\n
Then, pick any preferred Listing view<\/strong>. For example, we select the \u201cElementor\u201d option.<\/p>\n\n\n\n
Push the \u201cCreate Listing Item<\/strong>\u201d button to open the editor.<\/p>\n\n\n\n
\"set<\/a><\/div>\n\n\n\n
In the editor, you can display the needed information with the help of the JetEngine<\/em>\u2019s dynamic widgets\/blocks\/elements.<\/p>\n\n\n\n
Next, add a Dynamic Field <\/strong>to the page.<\/p>\n\n\n\n
Leave the default \u201cPost\/Term\/User\/Object Data\u201d Source <\/strong>and paste the \u201cgeo_query_distance\u201d value in the Object field \/ Meta field \/ Repeater key \/ Component prop<\/strong> field.<\/p>\n\n\n\n
Next, we activate the Filter field output <\/strong>toggle and select the \u201cFormat number\u201d option in the Callback <\/strong>field. We do this so the decimal points of the distance number shorten to two (the \u201c2\u201d value is set by default in the Decimal points <\/strong>field).<\/p>\n\n\n\n
Then, we also activate the Customize field output <\/strong>toggle and paste the \u201cGeo: %s km\u201d value into the Field format<\/strong> field, where \u201c%s\u201d is the dynamic number value.<\/p>\n\n\n\n
\"dynamic<\/a><\/div>\n\n\n\n
Customize the page further if needed and press the \u201cPublish<\/strong>\u201d button.<\/p>\n\n\n\n
Add a listing to the page<\/h3>\n\n\n\n
Next, go to WordPress Dashboard > Pages <\/em><\/strong>and add a new page or select the already edited one and open it in the editor. For instance, we open the page in Elementor.<\/p>\n\n\n\n
Add a Location and distance <\/strong>or User Geolocation <\/strong>widget to the page. For example, we add a Location and distance <\/strong>widget as we built the filter for this type earlier.<\/p>\n\n\n\n
Pick a previously built filter in the Select filter <\/strong>field and select the \u201cJetEngine\u201d option as a provider in the This filter for <\/strong>field.<\/p>\n\n\n\n
Add a Listing Grid <\/strong>or Map Listing <\/strong>to the page. For example, we add a Listing Grid<\/strong> widget.<\/p>\n\n\n\n
Select the previously created Listing <\/strong>in the General <\/strong>tab.<\/p>\n\n\n\n
\"general<\/a><\/div>\n\n\n\n
Open the Custom Query <\/strong>tab and activate the Use Custom Query <\/strong>toggle.<\/p>\n\n\n\n
Select the built query in the Custom Query <\/strong>field.<\/p>\n\n\n\n
\"custom<\/a><\/div>\n\n\n\n
Adjust the following settings if needed and click the \u201cPublish<\/strong>\u201d button to save the result.<\/p>\n\n\n\n
Check the result<\/h3>\n\n\n\n
Proceed to the front-end to check the result.<\/p>\n\n\n\n
If the Location and distance <\/strong>filter is used, paste the address in the corresponding text field and specify the radius next to it in the selector.<\/p>\n\n\n\n
If everything is set correctly, the listing will show only the filtered CCT <\/strong>items.<\/p>\n\n\n\n
\"cct<\/a><\/div>\n<\/div><\/div>\n\n\n\n
That\u2019s all about displaying the distance between WordPress users\/terms\/CCT items and the set address in the JetEngine<\/em>\u2019s listing with the help of the Dynamic Field<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this guide, you will find out how to display the distance between WordPress users\/terms\/CCT items in the JetEngine\u2019s Dynamic Field.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[388],"yoast_head":"\nHow to Display Distance Between Users\/Terms\/CCT \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to display the distance between users\/terms\/CCT in the Dynamic Field of the JetEngine plugin for WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Distance Between Users\/Terms\/CCT \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to display the distance between users\/terms\/CCT in the Dynamic Field of the JetEngine plugin for WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-03T08:12:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/geo-distance-users-code-snippet-1024x640.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=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/\",\"name\":\"How to Display Distance Between Users\/Terms\/CCT \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-06-17T07:48:44+00:00\",\"dateModified\":\"2025-07-03T08:12:24+00:00\",\"description\":\"Learn how to display the distance between users\/terms\/CCT in the Dynamic Field of the JetEngine plugin for WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Display Distance Between Users\/Terms\/CCT\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Display Distance Between Users\/Terms\/CCT \u2014 JetEngine | Crocoblock","description":"Learn how to display the distance between users\/terms\/CCT in the Dynamic Field of the JetEngine plugin for WordPress.","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:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/","og_locale":"en_US","og_type":"article","og_title":"How to Display Distance Between Users\/Terms\/CCT \u2014 JetEngine | Crocoblock","og_description":"Learn how to display the distance between users\/terms\/CCT in the Dynamic Field of the JetEngine plugin for WordPress.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/","og_site_name":"Help Center","article_modified_time":"2025-07-03T08:12:24+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/06\/geo-distance-users-code-snippet-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/","name":"How to Display Distance Between Users\/Terms\/CCT \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-06-17T07:48:44+00:00","dateModified":"2025-07-03T08:12:24+00:00","description":"Learn how to display the distance between users\/terms\/CCT in the Dynamic Field of the JetEngine plugin for WordPress.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-distance-between-users-terms-cct-in-dynamic-field\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Display Distance Between Users\/Terms\/CCT"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/48208"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/9"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=48208"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=48208"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=48208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}