{"id":57397,"date":"2023-05-22T17:22:55","date_gmt":"2023-05-22T11:52:55","guid":{"rendered":"https:\/\/www.tothenew.com\/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:\/\/www.tothenew.com\/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

\"\"<\/p>\n

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

 <\/p>\n

\"\"<\/p>\n

\"\"<\/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

\"\"<\/p>\n

\"\"\"\"<\/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

\"\"<\/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

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

 <\/p>\n

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

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

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

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

\"\"<\/p>\n

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

\"\"<\/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":5},"categories":[3602],"tags":[4674,5248],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/57397"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/1528"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=57397"}],"version-history":[{"count":2,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/57397\/revisions"}],"predecessor-version":[{"id":57547,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/57397\/revisions\/57547"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=57397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=57397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=57397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}