If you are using the maximum radius or maximum driving distance as the delivery validation method, and the address bar is not autocompleting while on a mobile device, try adding the following code to your store.
This is most likely caused by a package included in your theme called fastclick.min.js.
The placement of the code will depend on the widget version your store is on. If you're not using the newest version of our widget, contact our support team at [email protected], and we'll be happy to update your store!
Online Store 2.0
In Zapiet - Pickup + Delivery, click Settings.
In the Advanced section, click Developers.
In the Advanced section, add the code below into the Additional scripts box.
$(function() {
var needsClick = FastClick.prototype.needsClick;
FastClick.prototype.needsClick = function(target) {
if ( (target.className || '').indexOf('pac-item') > -1 ) {
return true;
} else if ( (target.parentNode.className || '').indexOf('pac-item') > -1) {
return true;
} else {
return needsClick.apply(this, arguments);
}
};
FastClick.attach(document.body);
});
Version 7.1.2 or older
Add the code below to storepickup-addons.liquid file in your theme.
<script src="https://code.jquery.com/jquery-3.5.1.slim.js" integrity="sha256-DrT5NfxfbHvMHux31Lkhxg42LY6of8TaYyK50jnxRnM=" crossorigin="anonymous">
</script> <script type="text/javascript">
$(function() {
var needsClick = FastClick.prototype.needsClick;
FastClick.prototype.needsClick = function(target) {
if ( (target.className || '').indexOf('pac-item') > -1 ) {
return true;
} else if ( (target.parentNode.className || '').indexOf('pac-item') > -1) {
return true;
} else {
return needsClick.apply(this, arguments);
}
};
FastClick.attach(document.body);
});
</script>Click Save.
Troubleshooting
Go through our checklist of settings to ensure everything is set up correctly.
Make sure you have the correct country added in Zapiet - Pickup + Delivery > Settings > Developers > Advanced.
You can check the validity of your Google Maps API key through the link below. Copy the link to your browser and replace the API_KEY with your Google Maps API key.
Compare the error messages with the error messages below.