Ionic 5 Food Ordering Template
  • Introduction
  • Ionic 5 Food Ordering App and PWA Template
  • Why to use this Template
  • Initial Setup
  • Running the app
  • Template features
    • Screens
      • Login, Signup, Forgot Password
      • Food Ordering Flow
      • Offers Pages
      • Address Pages
      • User Profile and Settings
      • Restaurant and Product Lists
      • Cart Page
      • Search Page
      • Filters
      • Chat
      • Order History
    • Features
      • Geolocation
      • Chat Support Page
      • Google Place Prediction
      • Social Sharing
      • Device Compatibility
  • how to use this template
    • Two ways to use
    • Modifying Code
    • Removing a Page
    • Removing a plugin
    • Integrating Back-end
    • Add More Features
  • how to build app and pwa
    • Building App on Device
    • Deploying app as PWA
  • Extra
    • Troubleshooting
    • FAQs
Powered by GitBook
On this page
  • Address Autocomplete
  • Add Address
  • Select Address
  • Current Location

Was this helpful?

  1. Template features
  2. Screens

Address Pages

PreviousOffers PagesNextUser Profile and Settings

Last updated 4 years ago

Was this helpful?

Address Autocomplete

This functionality can be availed when you add an address in the app. This is supported by Google Autocomplete API.

Add Address

This page can be accessed by clicking on any current address showing at the top left in the header of the home page at the bottom left of the billing page. This will allow us to add a delivery location according to our need. This is only UI functioning. To make it in the fully functioning mode you will have to integrate back-end of your convenience.

Select Address

This can be accessed by clicking at the bottom right on the billing page. This page allows you to select an address from your previously added addresses and it also lets you add a new address for delivering your items.

Current Location

This page can be accessed by clicking on the current address showing at the top right of the home page. This page shows us our current address on the google map. This page also let us add more details about the location or to confirm the current location. You can follow this link to integrate google map, geolocation, geocoding, etc

This is only a UI but you can integrate back-end code for map services with the help of a back-end developer or for integration.

here…
can reach to us
Google Autocomplete when you add Address