ctidigital / Magento2 Google Address Lookup
Licence: mit
Provides an address lookup service on a Magento 2 store powered by the Google Places API
Stars: ✭ 46
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Magento2 Google Address Lookup
React Native Maps Directions
Directions Component for `react-native-maps`
Stars: ✭ 846 (+1739.13%)
Mutual labels: google-maps, google-maps-api
M2 Opcache Monitor
Monitor PHP OpCache from the Admin
Stars: ✭ 38 (-17.39%)
Mutual labels: magento2, magento2-extension
Flask Googlemaps
Easy way to add GoogleMaps to Flask applications. maintainer: @RiverFount
Stars: ✭ 550 (+1095.65%)
Mutual labels: google-maps, google-maps-api
Magento2 Module Mailcatcher
Magento 2 Module to catch, log and redirect emails on Local and Dev Servers
Stars: ✭ 14 (-69.57%)
Mutual labels: magento2, magento2-extension
Storecodebodyclass
🏪 This Magento 2 Plugin adds the store & website code to the body class
Stars: ✭ 28 (-39.13%)
Mutual labels: magento2, magento2-extension
Magento2 Plugin
Speed up your Magento 2 webshop. Optimize your JPEG and PNG images automatically with TinyPNG.
Stars: ✭ 38 (-17.39%)
Mutual labels: magento2, magento2-extension
Use Places Autocomplete
😎 📍 React hook for Google Maps Places Autocomplete.
Stars: ✭ 739 (+1506.52%)
Mutual labels: google-maps, google-maps-api
react-google-static
🌍 A React wrapper for Google Static Maps API.
Stars: ✭ 37 (-19.57%)
Mutual labels: google-maps, google-maps-api
Wanderlust The Travellers App
👟 An android application for travellers which allows them to save their journey experiences at one place in an organizable way. For detailed description, read the README.md file. Moreover, the application's design follows the latest HCI and UI/UX design guidelines.
Stars: ✭ 23 (-50%)
Mutual labels: google-maps, google-maps-api
Magento2 Easy Template Path Hints
Magento 2 Easy Template Path Hints
Stars: ✭ 36 (-21.74%)
Mutual labels: magento2, magento2-extension
Magento2 Form Field Manager
Customer and Address Form Fields Manager for Magento2
Stars: ✭ 21 (-54.35%)
Mutual labels: magento2, magento2-extension
Magento2 Frontools
Set of front-end tools for Magento 2 based on Gulp.js
Stars: ✭ 416 (+804.35%)
Mutual labels: magento2, magento2-extension
Dotmailer Magento2 Extension
The official Engagement Cloud for Magento2 extension
Stars: ✭ 33 (-28.26%)
Mutual labels: magento2, magento2-extension
Cleancheckout
A drop-in replacement for the Magento 2 checkout.
Stars: ✭ 280 (+508.7%)
Mutual labels: magento2, magento2-extension
Snazzy Info Window
Customizable info windows using the Google Maps JavaScript API.
Stars: ✭ 560 (+1117.39%)
Mutual labels: google-maps, google-maps-api
m2.Breadcrumbs
Magento2. Extension add breadcrumbs to pages in Magento2 that by default do not have breadcrumbs.
Stars: ✭ 17 (-63.04%)
Mutual labels: magento2, magento2-extension
magento2-webappmanifest
A Magento 2 extension that adds a Web App Manifest to the store.
Stars: ✭ 19 (-58.7%)
Mutual labels: magento2, magento2-extension
React Google Maps Api
React Google Maps API
Stars: ✭ 791 (+1619.57%)
Mutual labels: google-maps, google-maps-api
Magento2 Faq
This module adds an easy way to use FAQ Section to your Magento store with jQuery Accordion. In this module, admin can add and update FAQ. Admin can also create FAQ group with group icon.
Stars: ✭ 43 (-6.52%)
Mutual labels: magento2, magento2-extension
Google Address Lookup for Magento 2
The Google Address Lookup module makes use of the Google Places API Web Service to provide the following functionality to your Magento 2 store.
- Minimise address input errors by providing a post-code lookup service.
- Reduce the number of visible input fields on the checkout by hiding city, state, street 1, street 2 and post-code fields.
- Provide a manual address input override which will display the hidden fields.
Note: The Google Places API offers 150,000 FREE daily lookup requests for users that validate their account and add billing information. If you require more than 150,000 lookup requests daily then you can register to a paid plan. See Usage Tiers & Pricing
Configuration
After installing the module you will need to enable the module and generate a Key for the Google Places API Web Service in the Google Console (see further reading).
Enabling the Module:
Store->Configuration->CtiDigital->Google Autocomplete
| Config Value | Notes |
|---|---|
| Enable/Disable | if module is enabled then checkout configuration will be overridden and Google API is attached |
| API Key | Enter your Google Places API Web Service key (see further reading) |
Address Lookup
Once enabled, the post-code lookup service will be used on:
- Guest Checkout
- Registered Customer Checkout (if they are adding a new address)
- My Account Address Management
Further Reading
Google Places API Google Places API Examples
Implementation Details
- Configuration of checkout fields is in etc/frontend/di.xml This configuration is processed in CtiDigital/GoogleAddressLookup/Block/Checkout/LayoutProcessor.php
- Google Address fields are mapped in etc/frontend/di.xml and processed in CtiDigital/GoogleAddressLookup/Block/Js/GoogleApi.php. It will allow for easy third-party customizations like adding custom fields that should be also autocompleted.
- Javascript modules are written in es6 and compiled with gulp using babel. Src and dist files are in CtiDigital/GoogleAddressLookup/view
Screenshots
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].