{"id":57397,"date":"2023-05-22T17:22:55","date_gmt":"2023-05-22T11:52:55","guid":{"rendered":"https:\/\/2thenew.online\/blog\/?p=57397"},"modified":"2023-05-30T17:34:06","modified_gmt":"2023-05-30T12:04:06","slug":"how-to-create-custom-location-dropdown-block-on-your-drupal-site","status":"publish","type":"post","link":"https:\/\/2thenew.online\/blog\/how-to-create-custom-location-dropdown-block-on-your-drupal-site\/","title":{"rendered":"How to Create Custom Location Dropdown Block On Your Drupal Site"},"content":{"rendered":"

Here we are creating the Location Dropdown Block (Country-Region Dropdown) with the help of taxonomy terms.<\/h3>\n

Steps:-<\/strong><\/em><\/h4>\n

First of all, We have to go on over Drupal Site and Create the Vocabulary Name ‘Location’:<\/h4>\n

structure\/taxonomy\/Location<\/em><\/p>\n

 <\/p>\n

\"Blog<\/p>\n

Then Create Country as Parent Term And Region as Child Term accordingly :<\/h4>\n

 <\/p>\n

\"Blog<\/p>\n

\"Blog<\/p>\n

Create a Custom Module For the Location Dropdown Block (We can also use any Existing Custom\u00a0 Module For Location Dropdown Block):<\/h4>\n

\u00a0Create Custom Block File (PHP file):<\/em><\/p>\n

src\/Plugin\/Block\/LocationDropdownBlock.php<\/em><\/p>\n

Here is the Example Code of .PHP file<\/strong><\/p>\n

 <\/p>\n

\"Blog<\/p>\n

\"Blog\"Blog<\/p>\n

 <\/p>\n

Now we have to use any API to get the IP Address of the User:<\/h4>\n

Free API to get the IP Address Of the User:<\/strong><\/em><\/p>\n

1. https:\/\/ipapi.co\/json
\n2 .https:\/\/rapidapi.com\/ibrarasadbiz\/api\/ip-geo-location-find-ip-location-and-details\/<\/a><\/p>\n

3.https:\/\/rapidapi.com\/xakageminato\/api\/ip-geolocation-ipwhois-io\/-<\/a><\/p>\n

Paid API to get the IP Address Of the User:<\/em><\/strong><\/p>\n

https:\/\/developers.google.com\/maps\/documentation\/geolocation\/get-api-key<\/a><\/p>\n

we are using free API :<\/em><\/strong>–https:\/\/ipapi.co\/json<\/a><\/p>\n

 <\/p>\n

\"Blog<\/p>\n

 <\/p>\n

Create a Form :-<\/h4>\n

src\/Form\/DemoappLocationBlockForm.php:<\/em><\/p>\n

 <\/p>\n

\u00a0Here is the Example Code of .PHP file<\/strong><\/p>\n

\"Blog\"Blog\"Blog\"Blog\"Blog<\/p>\n

 <\/p>\n

Next, Go to Your Drupal Site and Install the Location Dropdown Block:<\/h4>\n

 <\/p>\n

\"Blog<\/p>\n

 <\/p>\n

Place the Location Dropdown Block into the Header Region:<\/h4>\n

Go to structure\/block layout\/<\/em><\/p>\n

\"Blog<\/p>\n

We can now see the location of the user as per region:<\/h3>\n

\"Blog<\/p>\n

If you still have any questions regarding the topic, drop your comments down below.<\/p>\n

<\/div>","protected":false},"excerpt":{"rendered":"

Here we are creating the Location Dropdown Block (Country-Region Dropdown) with the help of taxonomy terms. Steps:- First of all, We have to go on over Drupal Site and Create the Vocabulary Name ‘Location’: structure\/taxonomy\/Location   Then Create Country as Parent Term And Region as Child Term accordingly :   Create a Custom Module For […]<\/p>\n","protected":false},"author":1528,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":9,"footnotes":""},"categories":[3602],"tags":[4674,5248],"class_list":["post-57397","post","type-post","status-publish","format-standard","hentry","category-drupal","tag-drupal-org","tag-location"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t